login  Naam:   Wachtwoord: 
Registreer je!
 Forum

horizontale slide

Offline YannickVDS - 10/02/2008 15:29
Avatar van YannickVDSNieuw lid Heej,

Ik heb een vraag ivm met javascript. Op de website http://141.clubactivity.be/onefourone heb ik in de header een horizontale slide geïmplementeerd. Mijn vraag is, hoe kan het dat wanneer ik op een foto klik, deze sluit en terug naar de website ga, dat de foto's ineens anders worden weergegeven? De code van het javascript is hier te vinden http://141.clubactivity.be/onefourone/slideshow.js

Mvrgr,
Yannick

5 antwoorden

Gesponsorde links
Offline Gerard - 10/02/2008 16:51
Avatar van Gerard Ouwe rakker Waarschlijk omdat je element dit erft:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. ul li a, a:visited {
  2. display: block;
  3. font: 12px arial;
  4. color: #FFFFFF;
  5. text-decoration: none;
  6. }
Offline bertvanhees - 10/02/2008 16:57
Avatar van bertvanhees Onbekend Je kan misschien gebruik maken van lightbox,

http://www.huddletogether.com/projects/lightbox2/
Offline YannickVDS - 10/02/2008 17:17
Avatar van YannickVDS Nieuw lid dus ik moet eigenlijk dat gedeelte dat ik gebruik voor de slideshow opmaken in css?
Offline Gerard - 10/02/2008 17:47 (laatste wijziging 10/02/2008 17:48)
Avatar van Gerard Ouwe rakker Ik had gehoopt dat je zou zien wat ik bedoelde, maar ik zal het dan even wat specifieker uitleggen.

Als je kijkt naar de CSS code hieronder zie je dat je voor de link (de "a") het volledige pad hebt gespecificeerd naar "ul li a" waardoor die opmaak wordt toegepaste op alle links binnen een li in een ul.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. ul li a, a:visited {
  2. display: block;
  3. font: 12px arial;
  4. color: #FFFFFF;
  5. text-decoration: none;
  6. }

Dat is uitstekend gedaan. Om diezelfde opmaak op toe te passen op een ander element maakte je gebruik van de comma (ook goed). Echter specificeerde je nu niet het pad maar alleen "a:visited" waardoor deze opmaak toegepaste wordt op alle links die bezocht zijn, waaronder images met een link er omheen.

Je code zou er dus beter uitzien als volgt:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. ul li a, ul li a:visited {
  2. display: block;
  3. font: 12px arial;
  4. color: #FFFFFF;
  5. text-decoration: none;
  6. }

Op die manier wordt die opmaak niet toegepast op de images van je slideshow. Verder geeft bertvanhees een mooie elegante oplossing voor je systeem om de foto's netjes te tonen. Ik maak zelf ook gebruik van Lightbox en het is zeer functioneel.
Offline YannickVDS - 10/02/2008 18:21
Avatar van YannickVDS Nieuw lid Heej proximus,

Bedankt voor je uiteenzetting! Ik heb het reeds gewijzigd in men stylesheet en werkt perfect!!

Ook aan bertvanhees, bedankt voor de tip! 

Mvrgr,
Yannick
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.179s