Fade stoppen met muisaanwijzer
- Onderwerp starter Thomasje
- Startdatum
- Status
met jquery kan dit http://api.jquery.com/mouseover/
Dat is niet wat ik zoek. Ik wil iets maken zoals op deze website, maar dan als ik op de plaat ga staan met de muisaanwijzer dat het beeld stilhoudt:
http://home.deds.nl/~natureculture
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Hoi Thomasje,
En sommige sliders hebben al een stop/play optie ingebouwd zitten.
CSShunter
Dan hangt het van het gebruikte script af, welke aanpassingen aan het script gemaakt moeten worden.
En sommige sliders hebben al een stop/play optie ingebouwd zitten.
- Welke slider/fader gebruik je?
- En heb je een link naar een (test)pagina?
CSShunter
Hoi csshunter,
Ik gebruik de fader Simple Gallery van Simple Controls Gallery- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
Dit heb ik er al mee gemaakt: http://home.deds.nl/~natureculture.
Thomasje
Ik gebruik de fader Simple Gallery van Simple Controls Gallery- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
Dit heb ik er al mee gemaakt: http://home.deds.nl/~natureculture.
Thomasje
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Hoi Thomasje,
Ja, magnifieke platen, die Verandering van het Landschap! Leent zich hier uitstekend voor.
Die zou je kunnen aanpassen, maar er zitten wat nadelen aan dat systeem, bv. de erg lange laadtijd van de pagina (omdat eerst de hele serie images gedownload moet worden, ook de afbeeldingen die nog niet getoond worden).
Ik ben aan het kijken (met het toetsenbord
) of ik een combinatie kan maken van:
Wordt vervolgd,
Met vriendelijke groet,
CSShunter
Ja, magnifieke platen, die Verandering van het Landschap! Leent zich hier uitstekend voor.
- Ken je ook "In het spoor van de dragline of de verandering van de stad" = "La pelle mecanique ou la mutation d une ville" (hier zonder pagina) ?
Die zou je kunnen aanpassen, maar er zitten wat nadelen aan dat systeem, bv. de erg lange laadtijd van de pagina (omdat eerst de hele serie images gedownload moet worden, ook de afbeeldingen die nog niet getoond worden).
Ik ben aan het kijken (met het toetsenbord
) of ik een combinatie kan maken van:- een foto-carrousel met automatisch in- en uitfaden (maar zonder bedieningsknoppen), en
- een twitter-wisselaar met automatische voortgang en bedieningsknoppen (maar zonder in- en uitfaden);
- plus nog wat suggesties voor een altijd schermbrede voorstelling.
Wordt vervolgd,
Met vriendelijke groet,
CSShunter
csshunter,
Om te voorkomen dat je werk voor niets doet: ik heb die website zo ingericht dat de platen met een vaste pixel-breedte (1890 pixels) worden weergegeven, ongeacht het soort of de grootte van de monitor waarop ze getoond worden. Dit heb ik gedaan om de details van de platen goed te kunnen bekijken, wat minder het geval zou zijn wanneer de platen op schermbreedte, op bv. een klein 4x3 scherm, zouden worden weergegeven.
Om te voorkomen dat je werk voor niets doet: ik heb die website zo ingericht dat de platen met een vaste pixel-breedte (1890 pixels) worden weergegeven, ongeacht het soort of de grootte van de monitor waarop ze getoond worden. Dit heb ik gedaan om de details van de platen goed te kunnen bekijken, wat minder het geval zou zijn wanneer de platen op schermbreedte, op bv. een klein 4x3 scherm, zouden worden weergegeven.
Laatst bewerkt:
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Hoi Thomasje,
Ja, de platen zitten tjokvol met prachtige subtiele details (je ziet er steeds meer!), en ik kan me goed voorstellen dat je de de kijker daar rijkelijk van wilt laten genieten.
Aan de andere kant:
Behalve de details is ook de verandering van het totaalbeeld erg de moeite waard. Het infaden van de volgende plaat komt zo het beste tot zijn recht: overal gebeurt iets!
Hoe kleiner het scherm, des te erger dat wordt. Lang niet iedereen zit achter een desktop: tablets zijn behoorlijk in de markt gekomen. Een bezoeker met een groot tablet (1024*768px) ziet maar de halve plaat (het kenmerkende en beeldbepalende huisje is niet te zien):
1024*768px
Bij een klein tablet (800*600px) moet behalve L/R scrollen (3 keer naar rechts) ook nog naar beneden gescrolld worden, want de hoogte van 680px past er dan ook niet op!
800*600px
Over mobieltjes (in landscape-oriëntatie: 480*320px) hoeven we het dan niet te hebben ...
480*320px
480*320px: scrollen maar
De mobielers moeten dus 8 keer scrollen om 1 plaat te kunnen zien (eigenlijk 12 keer om ook alles van de onderkant te zien) > bij 7 platen is dat 56 of 84 keer scrollen. Zouden ze nog aan kijken toekomen?
=======
Wat nu?
Ik denk dat er een en-en mogelijkheid is:
Het echte werk zit 'm in de bedieningsknoppen en de instellingen: autoplay-forward/stop/autoplay-backward, 1 vooruit, 1 achteruit, terug naar begin, heen naar laatste, al of niet met auto-start, herhaalfunctie aan of uit, instelling wisselsnelheid, enz.
Wordt vervolgd!
Met vriendelijke groet,
CSShunter
Ja, de platen zitten tjokvol met prachtige subtiele details (je ziet er steeds meer!), en ik kan me goed voorstellen dat je de de kijker daar rijkelijk van wilt laten genieten.
Aan de andere kant:
Behalve de details is ook de verandering van het totaalbeeld erg de moeite waard. Het infaden van de volgende plaat komt zo het beste tot zijn recht: overal gebeurt iets!
- Met pimpen van de afbeeldingen hoeft het rijke scala aan details niet drastisch weg te vallen bij een maximale breedte van het scherm van de bezoeker.
- Om in de huidige situatie een plaat van 1890*680px helemaal te zien, is dus minstens een resolutie van 1890*680px nodig. Maar ... volgens de recente statistieken zijn dat alleen de bezoekers met een scherm van 1920*1080px (10%) of 1920*1200px (2%), samen goed voor slechts 12% van de bezoekers.
- Nu zit er ook een staaf "overig" (samen: 18%) in het diagram, waar ook de mensen met een nog hogere resolutie onder vallen. Dat zullen er niet zo veel zijn, ik denk dat 3% van het totaal aantal surfers aan de hoge kant is.
- Ergo: 85% van de bezoekers kan de plaat niet in de volle breedte zien, en moet links-rechts gaan scrollen (bij elke plaat opnieuw).
- Los van de gebruiksvriendelijkheid: dat maakt het vergelijken er niet makkelijker op!
- Net als 20% van de surfers heb ik zelf een (toch niet echt klein) scherm van 1280px breed. Dan valt 610px aan de rechterkant weg, en is niet zonder scrollen te zien: dat is 1/3 van de plaat...
Hoe kleiner het scherm, des te erger dat wordt. Lang niet iedereen zit achter een desktop: tablets zijn behoorlijk in de markt gekomen. Een bezoeker met een groot tablet (1024*768px) ziet maar de halve plaat (het kenmerkende en beeldbepalende huisje is niet te zien):
1024*768px
Bij een klein tablet (800*600px) moet behalve L/R scrollen (3 keer naar rechts) ook nog naar beneden gescrolld worden, want de hoogte van 680px past er dan ook niet op!
800*600px
Over mobieltjes (in landscape-oriëntatie: 480*320px) hoeven we het dan niet te hebben ...
480*320px
480*320px: scrollen maar
De mobielers moeten dus 8 keer scrollen om 1 plaat te kunnen zien (eigenlijk 12 keer om ook alles van de onderkant te zien) > bij 7 platen is dat 56 of 84 keer scrollen. Zouden ze nog aan kijken toekomen?
=======
Wat nu?
Ik denk dat er een en-en mogelijkheid is:
- Het carrousel staat standaard op de schermbreedte van de bezoeker, en zo werkt de platenwisselaar/fader ook.
- Er onder staan (behalve de bedieningsknoppen voor het carrousel) nog twee extra knoppen: "Toon alle afbeeldingen onder elkaar op schermbreedte" en "Toon alle afbeeldingen onder elkaar op ware grootte".
- Kies je voor één van die twee, dan verdwijnt het carrousel en komen de afbeeldingen onder elkaar op het gekozen formaat: dan kan je rustig vergelijken.
- De knop van het gekozen formaat is dan weg, en daar komt een knop "Toon carrousel" voor in de plaats: om terug te kunnen. De andere formaat-optie is nog steeds aanwezig.
Het echte werk zit 'm in de bedieningsknoppen en de instellingen: autoplay-forward/stop/autoplay-backward, 1 vooruit, 1 achteruit, terug naar begin, heen naar laatste, al of niet met auto-start, herhaalfunctie aan of uit, instelling wisselsnelheid, enz.
- Bij dit alles komt dan het in- en uitfaden (en het onthouden waar je zit).
- Een aantal van de instellingen zal je niet nodig hebben, maar ik wil er meteen een universele slider met diverse opties van maken.
Wordt vervolgd!
Met vriendelijke groet,
CSShunter
Beste hulpvaardige csshunter,
Vroeger verbaasde ik mij over de hoge schermresoluties die door veel mensen gebruikt werden, maar volgens die statistieken is dat blijkbaar veranderd. Eerlijk gezegd lijken mij die stats ongeloofwaardig, want dat betekent dat mijn monitor - een iiyama ProLite, die toch redelijk gangbaar is dacht ik - zo weinig verkocht wordt. Maar het leek mij wel zinnig om met die statistieken enigszins rekening te houden. Daarom heb ik de breedte van website en platen van 1890px teruggebracht tot 1340px. Ik heb overigens de mogelijkheid ingebouwd dat bezoekers ook kunnen kiezen voor de oorspronkelijke breeddte van 1890px.
Op mijn (nieuwste) iPad wordt elke website trouwens passend in het scherm gemaakt, daardoor zie je bij de platen geen verschil tussen een resolutie van 1890px en 1340px, behalve dat bij 1340px het font groter en dus beter leesbaar is.
Ik wacht even met het testen van het andere script, maar het lijkt mij het proberen waard. Ik hoop het binnenkort te doen.
Vroeger verbaasde ik mij over de hoge schermresoluties die door veel mensen gebruikt werden, maar volgens die statistieken is dat blijkbaar veranderd. Eerlijk gezegd lijken mij die stats ongeloofwaardig, want dat betekent dat mijn monitor - een iiyama ProLite, die toch redelijk gangbaar is dacht ik - zo weinig verkocht wordt. Maar het leek mij wel zinnig om met die statistieken enigszins rekening te houden. Daarom heb ik de breedte van website en platen van 1890px teruggebracht tot 1340px. Ik heb overigens de mogelijkheid ingebouwd dat bezoekers ook kunnen kiezen voor de oorspronkelijke breeddte van 1890px.
Op mijn (nieuwste) iPad wordt elke website trouwens passend in het scherm gemaakt, daardoor zie je bij de platen geen verschil tussen een resolutie van 1890px en 1340px, behalve dat bij 1340px het font groter en dus beter leesbaar is.
Ik wacht even met het testen van het andere script, maar het lijkt mij het proberen waard. Ik hoop het binnenkort te doen.
Laatst bewerkt:
Overigens heb ik gemerkt dat de website in een aantal populaire browsers goed wordt weergegeven, behalve in Internet Explorer. IE lijkt zicht weinig aan te trekken van de breedte die ik heb gegeven aan cellen in tables (in % of px dat maakt niet uit). Het verschijnsel verdwijnt wanneer ik het script simplegallery deactiveer met <!-- -->. Ik kan in het script niet vinden waar dat aan zou kunnen liggen.
Laatst bewerkt:
- Status
