Thread: Flexslider 2

  1. #1
    Scissor's Avatar
    Registered
    14/09/02
    Posts
    1,088
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0

    Flexslider 2

    Ik probeer via een .load een gallery van flexslider 2 in te laden, maar krijg ze maar niet aan de praat. Iemand enig idee? Zit tijdje op zitten zoeken maar vind het dus echt niet

    SANDER MUYLAERT | Photographer

    is de pagina. Vervolgens op "Dit is Belgisch" klikken en dan zou de flexslider uit test.htm moeten worden geladen. Ik zie enkel een wit balkje verschijnen. Images worden wel mooi ingeladen, maar de gallery werkt niet. Scripts worden ook correct geladen. Grrrrrrrr
    no votes  

  2. #2
    d-zilla's Avatar
    Registered
    05/10/09
    Location
    Kruishoutem
    Posts
    278
    iTrader
    2 (75%)
    Mentioned
    0 Post(s)
    je moet je flexslider nog oproepen na het laden van test, iets in de richting van $('.flexslider').flexslider();
    no votes  

  3. #3
    Scissor's Avatar
    Registered
    14/09/02
    Posts
    1,088
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Script wordt nog uitgevoerd volgens jQuery:

    When calling .load() using a URL without a suffixed selector expression, the content is passed to .html() prior to scripts being removed. This executes the script blocks before they are discarded.

    Toch's geprobeerd om idd in portfolio 's nog's extra op te roepen bij mijn onclick event maar ook dat werkt niet.
    no votes  

  4. #4
    W0utR's Avatar
    Registered
    16/04/08
    Location
    Hong Kong
    Posts
    1,989
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)
    Reputation
    7/9
    Waar exact staat je code voor een flexslider aan te maken?

    Code:
     $('#contentright').load('test');
    dat gaat zoiezo al .load('test.htm') moeten zijn, dan ga je moeten wachten tot dit geladen is om je flexslider aan te maken.
    no votes  

  5. #5
    Scissor's Avatar
    Registered
    14/09/02
    Posts
    1,088
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Die test werkt ook zonder htm aangezien die door m'n htaccess wordt herschreven.

    De code van m'n test.htm is de volgende

    Code:
    <!doctype html>
    <html class="no-js">  
    <head>
        <meta charset=utf-8>
        <title></title>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="flexslider.css" type="text/css">
    </head>
    <body>
      <div id="test">
          <div class="flexslider">
                <ul class="slides">
                  <li>
                    <img src="http://www.9lives.be/forum/images/ff/ff01.png" />
                  </li>
                  <li>
                    <img src="http://www.9lives.be/forum/images/ff/ff02.png" />
                  </li>
                  <li>
                    <img src="http://www.9lives.be/forum/images/ff/ff03.png" />
                  </li>
                  <li>
                    <img src="http://www.9lives.be/forum/images/ff/ff04.png" />
                  </li>
                  <li>
                    <img src="http://www.9lives.be/forum/images/ff/ff05.png" />
                  </li>
                  <li>
                    <img src="http://www.9lives.be/forum/images/ff/ff06.png" />
                  </li>
                </ul>
         </div>
        </div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script src="jquery.flexslider.js"></script>
    <script>
      $(window).load(function() {
        $('.flexslider').flexslider();
      });
    </script>
    De meest basic versie om flexslider te doen werken. Werkt perfect als 'k de pagina test.htm alleen bekijk, maar inladen in die div blijkt niet te lukken. Gallery wordt ingeladen met een onclick-event en dan pas wordt het script uitgevoerd via de test.htm. Aangezien er geen specifieke selectors zijn zouden de scripts nog moeten worden uitgevoerd. Deze methode werkte ook al bij een andere gallery die jQuery based was, maar flexslider krijg'k op deze manier voorlopig niet aan de praat.
    no votes  

  6. #6
    W0utR's Avatar
    Registered
    16/04/08
    Location
    Hong Kong
    Posts
    1,989
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)
    Reputation
    7/9
    Daarmee dat het dus fout loopt, wanneer je een pagina inlaad via javascript word de javascript in die pagina niet uitgevoerd, wanneer je dus $('#contentright').load('test'); doet ga je dus moeten wachten op de complete

    Code:
    $('#contentright').load('test', function() {
        $('.flexslider').flexslider();
    })
    no votes  

  7. #7
    Scissor's Avatar
    Registered
    14/09/02
    Posts
    1,088
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Zegt jQuery Api nu niet net het omgekeerde? Nl. Dat de scripts wel nog worden uitgevoerd?

    When calling .load() using a URL without a suffixed selector expression, the content is passed to .html() prior to scripts being removed. This executes the script blocks before they are discarded.

    In een gelijkaardig project met een andere JQuery gallery deed ik het als volgt:

    - In de portfolio pagina laad je de css en de scripts (zowel jQuery als het script van de gallery in).

    - Op de pagina die je load enkel de <ul> en execute je het script . Dat werkte toen perfect.

    Edit: Fout gevonden! Was zo stom geweest om nog's $(window).load(function() { toe te voegen aan mijn execute. Thanks alvast voor de reply's! Works like a charm nu.
    no votes  

  8. #8
    d-zilla's Avatar
    Registered
    05/10/09
    Location
    Kruishoutem
    Posts
    278
    iTrader
    2 (75%)
    Mentioned
    0 Post(s)
    Wel maar een vuile manier eigenlijk om die foto's zo in te laden
    no votes  

  9. #9
    Scissor's Avatar
    Registered
    14/09/02
    Posts
    1,088
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Hoezo? Ik ben nog maar vrij nooby in webdesign dus alle tips/tricks zijn welkom. Maar op deze manier vermijd je flash, moet je je pagina niet elke keer volledig opnieuw inladen. Als er alternatieven zijn die beter practice zijn en 't zelfde doen, please show me!
    no votes  

  10. #10
    d-zilla's Avatar
    Registered
    05/10/09
    Location
    Kruishoutem
    Posts
    278
    iTrader
    2 (75%)
    Mentioned
    0 Post(s)
    Gewoon er voor zorgen dat ze al ingeladen zijn bij pageload? (maar nog niet zichtbaar)
    Zo moet je dus geen extra request doen
    no votes  

  11. #11
    Scissor's Avatar
    Registered
    14/09/02
    Posts
    1,088
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Maar verlengt dat niet de laadtijd van je pagina? 's Inderdaad misschien wel beter om standaard al 1 gallery te laten inladen maar bij een nieuwe gallery moet je dan toch een nieuwe request doen? Of bedoel jij alle gallery's al op voorhand inladen?
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in