login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Slide loopt schokkerig (Opgelost)

Offline wiecher - 02/10/2012 23:55
Avatar van wiecherNieuw lid Hallo mensen
Ik gebruik dit script maar het loopt nogal schokkerig door het beeld.
Is het mogelijk om dit iets soepeler te laten draaien ?

[code=html4strict]<html><head>
<title>Foto`s</title>
<style type="text/css">
img.large {
width: 300px;
height: 150px;
border: 0;
}

img.large:hover {
width: 300px;
height: 150px;
}

a:hover img.large {
width: 300px;
height: 150px;
}
</style>
</head><body>
<marquee onmouseover="this.stop();" onmouseout="this.start();" scrollamount="5">
<a href="http://weerforum.eu/foto/1.jpg" target="_blank"><img src="http://weerforum.eu/foto/1.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/2.jpg" target="_blank"><img src="http://weerforum.eu/foto/2.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/3.jpg" target="_blank"><img src="http://weerforum.eu/foto/3.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/4.jpg" target="_blank"><img src="http://weerforum.eu/foto/4.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/5.jpg" target="_blank"><img src="http://weerforum.eu/foto/5.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/6.jpg" target="_blank"><img src="http://weerforum.eu/foto/6.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/7.jpg" target="_blank"><img src="http://weerforum.eu/foto/7.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/8.jpg" target="_blank"><img src="http://weerforum.eu/foto/8.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/9.jpg" target="_blank"><img src="http://weerforum.eu/foto/9.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/10.jpg" target="_blank"><img src="http://weerforum.eu/foto/10.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/11.jpg" target="_blank"><img src="http://weerforum.eu/foto/11.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu//foto/12.jpg" target="_blank"><img src="http://weerforum.eu/foto/12.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/13.jpg" target="_blank"><img src="http://weerforum.eu/foto/13.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/14.jpg" target="_blank"><img src="http://weerforum.eu/foto/14.jpg" alt="" class="large"></a> <a href="http://weerforum.eu//foto/15.jpg" target="_blank"><img src="http://weerforum.eu/foto/15.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/16.jpg" target="_blank"><img src="http://weerforum.eu/foto/16.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/17.jpg" target="_blank"><img src="http://weerforum.eu/foto/17.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/18.jpg" target="_blank"><img src="http://weerforum.eu/foto/18.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/19.jpg" target="_blank"><img src="http://weerforum.eu/foto/19.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/20.jpg" target="_blank"><img src="http://weerforum.eu/foto/20.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/21.jpg" target="_blank"><img src="http://weerforum.eu/foto/21.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/22.jpg" target="_blank"><img src="http://weerforum.eu/foto/22.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/23.jpg" target="_blank"><img src="http://weerforum.eu/foto/23.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/24.jpg" target="_blank"><img src="http://weerforum.eu/foto/24.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/25.jpg" target="_blank"><img src="http://weerforum.eu/foto/25.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/26.jpg" target="_blank"><img src="http://weerforum.eu/foto/26.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/27.jpg" target="_blank"><img src="http://weerforum.eu/foto/27.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/28.jpg" target="_blank"><img src="http://weerforum.eu/foto/28.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/29.jpg" target="_blank"><img src="http://weerforum.eu/foto/29.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/30.jpg" target="_blank"><img src="http://weerforum.eu/foto/30.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/31.jpg" target="_blank"><img src="http://weerforum.eu/foto/31.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/32.jpg" target="_blank"><img src="http://weerforum.eu/foto/32.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/33.jpg" target="_blank"><img src="http://weerforum.eu/foto/33.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/34.jpg" target="_blank"><img src="http://weerforum.eu/foto/34.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/35.jpg" target="_blank"><img src="http://weerforum.eu/foto/35.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/36.jpg" target="_blank"><img src="http://weerforum.eu/foto/36.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/37.jpg" target="_blank"><img src="http://weerforum.eu/foto/37.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/38.jpg" target="_blank"><img src="http://weerforum.eu/foto/38.jpg" alt="" class="large"></a></marquee>
</body>
</html>

Hier live te zien http://weerforum.eu

5 antwoorden

Gesponsorde links
Offline vinTage - 03/10/2012 00:05 (laatste wijziging 03/10/2012 00:06)
Avatar van vinTage Nieuw lid Geen idee, probeer deze of deze eens?
Bedankt door: wiecher
Offline wiecher - 03/10/2012 00:21
Avatar van wiecher Nieuw lid Helaas kom ik daar niet goed uit.
Offline vinTage - 03/10/2012 00:36 (laatste wijziging 03/10/2012 00:40)
Avatar van vinTage Nieuw lid Beste,

Helaas kan ik het niet beter uitleggen dan bijhorende demo's 

edit:
Hoewel de css variant (nog) geen hover heeft(stop marquee) en de jQuery variant ook niet super smooth is...klik.
Deze is de meest eyecandy imho, maar ook achterhaald.., izelf zou eerder de marquee (of eender welk te veel opvallend geval) skippen uit mn pagina's!
Bedankt door: wiecher
Offline wiecher - 03/10/2012 01:01
Avatar van wiecher Nieuw lid Pff sorry dat gaat mij boven mijn petje helaas.
Ik heb nu dit gedaan maar in IE zie ik scrolbars en soepel verloopt het nog steeds niet.
Ik heb je voorbeeld gezien maar dat is alleen voor tekst toch ?

[code=html4strict]<html><head>
<title>Foto`s</title>
<style type="text/css">
img.large {
width: 300px;
height: 150px;
border: 0;
}

img.large:hover {
width: 300px;
height: 150px;
}

a:hover img.large {
width: 300px;
height: 150px;
}
</style>
</head><body>
<marquee behavior="scroll" scrollamount="3" direction="left" width="220">
<a href="http://weerforum.eu/foto/1.jpg" target="_blank"><img src="http://weerforum.eu/foto/1.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/2.jpg" target="_blank"><img src="http://weerforum.eu/foto/2.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/3.jpg" target="_blank"><img src="http://weerforum.eu/foto/3.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/4.jpg" target="_blank"><img src="http://weerforum.eu/foto/4.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/5.jpg" target="_blank"><img src="http://weerforum.eu/foto/5.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/6.jpg" target="_blank"><img src="http://weerforum.eu/foto/6.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/7.jpg" target="_blank"><img src="http://weerforum.eu/foto/7.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/8.jpg" target="_blank"><img src="http://weerforum.eu/foto/8.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/9.jpg" target="_blank"><img src="http://weerforum.eu/foto/9.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/10.jpg" target="_blank"><img src="http://weerforum.eu/foto/10.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/11.jpg" target="_blank"><img src="http://weerforum.eu/foto/11.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu//foto/12.jpg" target="_blank"><img src="http://weerforum.eu/foto/12.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/13.jpg" target="_blank"><img src="http://weerforum.eu/foto/13.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/14.jpg" target="_blank"><img src="http://weerforum.eu/foto/14.jpg" alt="" class="large"></a> <a href="http://weerforum.eu//foto/15.jpg" target="_blank"><img src="http://weerforum.eu/foto/15.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/16.jpg" target="_blank"><img src="http://weerforum.eu/foto/16.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/17.jpg" target="_blank"><img src="http://weerforum.eu/foto/17.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/18.jpg" target="_blank"><img src="http://weerforum.eu/foto/18.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/19.jpg" target="_blank"><img src="http://weerforum.eu/foto/19.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/20.jpg" target="_blank"><img src="http://weerforum.eu/foto/20.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/21.jpg" target="_blank"><img src="http://weerforum.eu/foto/21.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/22.jpg" target="_blank"><img src="http://weerforum.eu/foto/22.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/23.jpg" target="_blank"><img src="http://weerforum.eu/foto/23.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/24.jpg" target="_blank"><img src="http://weerforum.eu/foto/24.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/25.jpg" target="_blank"><img src="http://weerforum.eu/foto/25.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/26.jpg" target="_blank"><img src="http://weerforum.eu/foto/26.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/27.jpg" target="_blank"><img src="http://weerforum.eu/foto/27.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/28.jpg" target="_blank"><img src="http://weerforum.eu/foto/28.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/29.jpg" target="_blank"><img src="http://weerforum.eu/foto/29.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/30.jpg" target="_blank"><img src="http://weerforum.eu/foto/30.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/31.jpg" target="_blank"><img src="http://weerforum.eu/foto/31.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/32.jpg" target="_blank"><img src="http://weerforum.eu/foto/32.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/33.jpg" target="_blank"><img src="http://weerforum.eu/foto/33.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/34.jpg" target="_blank"><img src="http://weerforum.eu/foto/34.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/35.jpg" target="_blank"><img src="http://weerforum.eu/foto/35.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/36.jpg" target="_blank"><img src="http://weerforum.eu/foto/36.jpg" alt="" class="large"></a> <a href="http://weerforum.eu/foto/37.jpg" target="_blank"><img src="http://weerforum.eu/foto/37.jpg" alt="" class="large"></a>&nbsp;<a href="http://weerforum.eu/foto/38.jpg" target="_blank"><img src="http://weerforum.eu/foto/38.jpg" alt="" class="large"></a></marquee>
</body>
</html>
Offline Pieter - 03/10/2012 09:37
Avatar van Pieter Gouden medaille

SEO guru		 Wat Vintage zegt klopt wel, het is beter om de marquee tag niet meer te gebruiken. Het is trouwens niet gebruiksvriendelijk om continu in het zichtveld van de bezoeker iets te laten voorbijschuiven.

Zoek eens naar andere presentatievormen zoals carroussels en sliders ipv de verouderde marquee tag.
Bedankt door: wiecher
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.323s