Weergegeven resultaten: 1 t/m 8 van 8
  1. #1
    Member
    Lid sinds
    26/05/12
    Locatie
    antwerpen
    Berichten
    3
    iTrader
    0

    slideshow inside slider

    Hallo,
    ik probeer een jquery cycle slideshow in een horizontale Slider te steken, maar dit werkt niet. Moet ik het script ergens anders zetten? Afhankelijk van waar ik welk script zet werkt er één van de slideshows of helemaal niets.

    </script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="jquery.easing.1.3.js"></script>

    <link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
    <script type="text/javascript" src="js/jquery-1.3.js"></script>
    <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $('#myslides').cycle({
    fx: 'fade',
    speed: 5000,
    timeout: 2000
    });
    });
    </script>
    </head>
    <body>

    <div id="header">


    <hr>

    </div>

    <div id="menu">
    <a href="#" onClick="Animate2id('#c1'); return false">home</a>
    <a href="#" onClick="Animate2id('#c2','easeOutQuint'); return false" >creaties</a>
    <a href="#" onClick="Animate2id('#c3','easeOutQuint'); return false" >boeket v/d week</a>
    <a href="#" onClick="Animate2id('#c4','easeOutQuint'); return false" >bestellingen</a>
    <a href="#" onClick="Animate2id('#c5','easeOutQuint'); return false" >contact</a>

    </div>
    <div id="container">
    <div id="c1">
    <div class="content">
    <div id="myslides">
    <img src="images/capitol.jpg" />
    <img src="images/flowers.jpg" />
    <img src="images/countryscene.jpg" />
    </div>
    </div>
    </div>
    <div id="c2">
    <div class="content">Content 2</div>
    </div>
    <div id="c3">
    <div class="content">Content 3</div>
    </div>
    <div id="c4">
    <div class="content">Content 4</div>
    </div>

    <div id="c5">
    <div class="content">
    <p>
    </p>
    </div>
    </div>
    </div>

    <div id="footer">
    </div>
    <script>
    function Animate2id(id,ease){ //the id to animate, the easing type
    var animSpeed=2000; //set animation speed
    var $container=$("#container"); //define the container to move
    if(ease){ //check if ease variable is set
    var easeType=ease;
    } else {
    var easeType="easeOutQuart"; //set default easing type
    }
    //do the animation
    $container.stop().animate({"left": -($(id).position().left)}, animSpeed, easeType);
    }
    </script>
    </body>
    </html>

  2. #2
    Member Scissor's schermafbeelding
    Lid sinds
    14/09/02
    Berichten
    1.118
    iTrader
    0
    Verplaats al 's je scripts naar het einde van je pagina (nog binnen de body tags). En zet ook je apis daar nét boven, niet in de heading van je website.

  3. #3
    Member adrianhates's schermafbeelding
    Lid sinds
    23/01/06
    Berichten
    2.108
    iTrader
    0
    Citaat Oorspronkelijk geplaatst door Scissor Bekijk bericht
    Verplaats al 's je scripts naar het einde van je pagina (nog binnen de body tags). En zet ook je apis daar nét boven, niet in de heading van je website.
    en dat heeft welk effect buiten het eventueel sneller laden van je html?

    Heb ik het nu goed begrepen ? Je wilt een slideshow IN een slideshow?
    Ik zou gewoon al van dat idee afstappen

  4. #4
    Member BramVanroy's schermafbeelding
    Lid sinds
    14/08/10
    Locatie
    Diest
    Berichten
    2.286
    iTrader
    1 (100%)
    1. Gebruik code tags
    2. Kuis je code wat op, post enkel de relevante stukken
    3. Laad jQuery maar 1x in, niet 2x
    4. Verduidelijk wat je wil
    5. Post een test case

  5. #5
    Member
    Lid sinds
    26/05/12
    Locatie
    antwerpen
    Berichten
    3
    iTrader
    0
    het is gelukt, er waren dubbele scripts. Alleen kan ik de slider in de slider niet dynamisch positioneren, hij moet mee bewegen als ik het scherm beweeg, en hij blijft op zijn vaste waarde staan

  6. #6
    Member BramVanroy's schermafbeelding
    Lid sinds
    14/08/10
    Locatie
    Diest
    Berichten
    2.286
    iTrader
    1 (100%)
    Als ge nog een vraag hebt, lees mijn vorige post dan opnieuw. Hier kunnen wij niks mee doen.

  7. #7
    Member
    Lid sinds
    26/05/12
    Locatie
    antwerpen
    Berichten
    3
    iTrader
    0
    het is gelukt, er waren dubbele scripts. Alleen kan ik de slider in de slider niet dynamisch positioneren, hij moet mee bewegen als ik het scherm beweeg, en hij blijft op zijn vaste waarde staan

  8. #8
    Member BramVanroy's schermafbeelding
    Lid sinds
    14/08/10
    Locatie
    Diest
    Berichten
    2.286
    iTrader
    1 (100%)

Discussie informatie

Users Browsing this Thread

Op dit moment bekijken 1 gebruikers deze discussie. (0 leden en 1 gasten)

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •