carrousel

Status
Niet open voor verdere reacties.
J

jappertjeh

Gebruiker
Lid geworden
2 jan 2006
Berichten
432
Hallo,

Ik wil graag een carrousel op mijn website plaatsen, precies zo één als op de website van autoweek staat alleen dan uiteraard eigen invulling en kleuren. Ik kom alleen niet zo goed uit de juiste code. Kan iemand mij helpen?

Alvast bedankt!
 
Dank voor het antwoord. Ik heb het een en ander eens grondig bestudeerd maar denk dat dit mijn programmeerpetje nog even te boven gaat.. vind het erg lastig om dit aan te passen op mijn site.. Misschien hebben jullie wel een idee hoe het iets anders zou kunnen? bijvoorbeeld met een mouseover of iets dergelijks?
 
Hoi jappertjeh,
Iets anders? Ik heb dit automatisch carrousel nog op de plank liggen: foto-carrousel_vs2.

Hiervoor zijn geen iframes of jQuery-toestanden nodig, het gaat met een klein javascriptje.
Werkwijze:
  • In de <head> neem je het stylesheet carrousel.css op. Aanwijzingen voor aanpassen naar behoefte zitten in commentaarregels.
  • In de <head> zet je een los stukje javascript, waarin o.a. de wissel-snelheid geregeld wordt: zie broncode van de pagina.
  • In de <body> zet je ergens de <div id="carrousel">, die bestaat uit een lijst met de na elkaar te verschijnen afbeeldingen, in deze vorm:
HTML: 
<div id="carrousel"><!-- dit is nodig voor het carrousel -->
	<ul>
		<li><a href="#aha"><img title="Klik voor ..." src="images/montblanc210x140.png" 
				alt="Foto van ...; klik voor ..."></a></li>
		
		<li><a href="#oha"><img title="Klik voor ..." src="images/feracheval210x140.png" 
				alt="Foto van ...; klik voor ..."></a></li>
	</ul>
</div>
  • Tenslotte zet je vlak voor de </body> de link naar het carrousel-script carrousel_vs2.js. Daar hoeft niets aan veranderd te worden.

Klaar is Kees! :)
Als doorklikken op de afbeeldingen niet nodig is, kunnen de links om de images heen gewoon weggelaten worden.
Is dat wat?

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan