Archief - jQuery scroll + bg resize

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
b

bRahms

Legacy Member
Hallo,

ik ben bezig met jQuery te ontdekken en daarbij zelf wat voorbeelden van het net te plukken, zoals het horizontaal scrollen & de automatische background resize. Deze twee plugins zelf toepassen lukt vrij goed en is eenvoudig aan te passen.

Echter zou ik nu deze twee willen combineren zoals op Sven Prim het geval is, maar ik blijf sukkelen met het feit dat ik per shuffle een andere background wil hebben. Mijn testpagina stond online :p

Iemand die mij een handje in de goede richting kan toesteken?
s

scipicore

Legacy Member
Ik zie niet echt in wat er nog mis is, buiten dan dat je achtergrond niet volledig het scherm vult?
b

bRahms

Legacy Member
scipicore zei:
Ik zie niet echt in wat er nog mis is, buiten dan dat je achtergrond niet volledig het scherm vult?
Klik om te vergroten...

Wel, let dat nu net mijn probleem zijn :p. Ik wil graag een fullscreen background hebben dat resizet met het browservenster.
s

scipicore

Legacy Member
Oh, in onderstaande website heb ik dat simpelweg gedaan met Jquery Dimension en dan gewoon hetvolgende toepassen:
Code: 
$("li.sub img")
            .width($(window).width())
            .height($(window).width() * 0.66);
Die 0.66 slaat dan op de verhouding van uw afbeelding (in dit geval is de hoogte 2/3 (0.66) van de breedte.)

Dat zou al voldoende moeten zijn, me dunkt.
Ik had vroeger ook ergens een stukje code wat er dan ook voor zorgt dat als de verhouding van het scherm kleiner wordt dan de afbeelding, dat de afbeelding zich begint aan te passen aan de hoogte maar dat is volgens mij niet van toepassing op uw website.
b

bRahms

Legacy Member
scipicore zei:
Oh, in onderstaande website heb ik dat simpelweg gedaan met Jquery Dimension en dan gewoon hetvolgende toepassen:
Code: 
$("li.sub img")
            .width($(window).width())
            .height($(window).width() * 0.66);
Die 0.66 slaat dan op de verhouding van uw afbeelding (in dit geval is de hoogte 2/3 (0.66) van de breedte.)

Dat zou al voldoende moeten zijn, me dunkt.
Ik had vroeger ook ergens een stukje code wat er dan ook voor zorgt dat als de verhouding van het scherm kleiner wordt dan de afbeelding, dat de afbeelding zich begint aan te passen aan de hoogte maar dat is volgens mij niet van toepassing op uw website.
Klik om te vergroten...

Dank je voor de hulp al, ik heb er wel nog een extra class aan toegevoegd, omdat ik binnen de li ook nog andere img zal hebben! We kunnen weer verder "prutsen" :D
b

bRahms

Legacy Member
In navolging van dit issue. Ik ben er nu in geslaagd om de achtergrond mee te laten stretchen, maar hij doet dit enkel als ik m'n venster eerst "Vorig formaat " laat aannemen en daarna pas maximaliseer.

Het is ook al een heel eind geleden, maar hoe laat ik de div overflow weer overzetten naar de browser scrollbar?

Aangepast voorbeeld staat hier: http://jhquovadis.be/test/test.html
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan