Ga naar inhoud
  • 0

foto's positioneren in slideshow


anoniem

Vraag

'k Heb onlangs een slideshow toegevoegd aan een website, maar voor de één of andere reden wordt hij enkel goed getoond in internet explorer en safari (ipad). In firefox en google chrome wordt de eerste foto niet op de juiste plek geplaatst. De 2de en volgende foto's wel, wanneer de slideshow terug bij de eerste foto komt, is het wel goed. [size=7:8453a330d2]De slideshow heb ik gevonden op [url=http://www.fullstackbusinessdesign.com/forums/slideshow/index.php]Slideshow[/url][/size:8453a330d2] [url=http://www.tcdeschakel.be]check[/url] [code:1:8453a330d2]<script src="ss_communie/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="ss_communie/jquery.cycle.lite.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('#communie').cycle({ fit: 1, pause: 1, timeout: 4000 }); }); </script> <center><div style="width: 450px; height: 450px"><?php $directory = 'ss_communie/slideshow'; try { // Styling for images echo '<div id="communie">'; foreach ( new DirectoryIterator($directory) as $item ) { if ($item->isFile()) { $path = $directory . '/' . $item; echo '<img src="' . $path . '"/>'; } } echo '</div>'; } catch(Exception $e) { echo 'No images found for this slideshow.<br />'; } ?></div></center>[/code:1:8453a330d2] Ook wordt het navigatiemenu onder de foto's getoond :?
Link naar reactie

4 antwoorden op deze vraag

Aanbevolen berichten

  • 0
Ik zie dat je ID #myslides nergens in je styles definieert. Die wordt waarschijnlijk alleen door de jQuery plugin gebruikt om te 'weten' waar de slideshow staat. Op het moment dat je de pagina laadt, duurt het nog 4 seconden voordat de eerste slide wissel plaatsvindt en dus voordat de plugin in actie komt. Deze plugin zet de slide ook op de juiste plek, maar tot die tijd (dus tot de eerste slidewissel) zal de stylesheet het zelf moeten doen. M.a.w. Defineer #myslides ergens in de styles, zodat het een startwaarde/positie heeft.
Link naar reactie
  • 0
CSS gemaakt en geplaatst hoogte en breedte gespecifieerd, dat lukt, maar de eerste slide positioneren lukt me niet. Ook duurt het 5 slides vooraleer het uitklapmenu bovenop de foto wordt getoond. Wanneer de slideshow herbegint, worden de eerste 5 slides terug boven het menu geplaatst. EDIT: Posities zijn nu ok, maar sommig slides komen nog steeds boven het uitklapmenu ? :?
Link naar reactie
  • 0
Het lijkt wel of er een z-index op bepaalde slides wordt gezet en op anderen niet. Misschien helpt het als je ee z-index op die hele #sildes zet? Wel ook even positioneren, anders werkt die z-index niet. b.v. [code:1:7b3883b376] position: relative; z-index: 5; [/code:1:7b3883b376]
Link naar reactie
  • 0
[quote:da83fd9a4b="Gooly"]Het lijkt wel of er een z-index op bepaalde slides wordt gezet en op anderen niet. Misschien helpt het als je ee z-index op die hele #sildes zet? Wel ook even positioneren, anders werkt die z-index niet. b.v. [code:1:da83fd9a4b] position: relative; z-index: 5; [/code:1:da83fd9a4b][/quote:da83fd9a4b] thanx 8)
Link naar reactie

Doe mee aan dit gesprek

Je kunt dit nu plaatsen en later registreren. Indien je reeds een account hebt, log dan nu in om het bericht te plaatsen met je account.

Gast
Antwoord op deze vraag...

×   Geplakt als verrijkte tekst.   Plak in plaats daarvan als platte tekst

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...