Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

foto's positioneren in slideshow

Anoniem
DiTn
4 antwoorden
  • '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 Slideshow[/size:8453a330d2]

    check

    [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 :?
  • 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.
  • 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 ?
    :?
  • 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]

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.