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

jquery image slideshow probleem

None
2 antwoorden
  • Hallo iedereen,
    ik heb een probleem met mijn image slideshow.
    Omdat ik een slideshow wou maken, heb ik vlug jQuery bekeken.
    Dit is mijn code voor de slideshow:

    [code:1:ffab81a931]
    <html>
    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $('input').click(function() {
    var source = $(this).attr('src');
    $("img.big").attr("src",source);
    });
    });
    </script>
    </head>
    <body>

    <img class="big" src="http://monc.se/kitchen/stew/gallery/images/je_1.jpg" alt="Josef & Erika 1">
    <form>
    <input type="image" src="http://monc.se/kitchen/stew/gallery/images
    oland_ads_2.jpg"/>
    </form>

    </body>
    </html>



    [/code:1:ffab81a931]
    (simpele versie met maar één input, css styling moet ook nog komen)

    Als ik nu op de input klik, dan wordt inderdaad de src van de img aangepast,
    maar vlak daarna springt hij terug naar zijn originele staat.
    Kan iemand mij helpen??
  • Sorry, heb het probleem al opgelost door i.p.v. input een img te gebruiken.

    Nog een klein vraagje, hoe kan ik ervoor zorgen dat de thumb enkel zijn eigen width en niet de width met een witte omtrek krijgt??

Beantwoord deze vraag

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