anoniem Geplaatst: 9 juli 2013 Delen Geplaatst: 9 juli 2013 '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 :? Quote Link naar reactie
anoniem Geplaatst: 10 juli 2013 Auteur Delen Geplaatst: 10 juli 2013 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. Quote Link naar reactie
anoniem Geplaatst: 10 juli 2013 Auteur Delen Geplaatst: 10 juli 2013 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 ? :? Quote Link naar reactie
anoniem Geplaatst: 10 juli 2013 Auteur Delen Geplaatst: 10 juli 2013 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] Quote Link naar reactie
anoniem Geplaatst: 11 juli 2013 Auteur Delen Geplaatst: 11 juli 2013 [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) Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen