Thread: Flexslider 2
-
17-08-2012, 17:00 #1
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
-
-
17-08-2012, 18:20 #2
je moet je flexslider nog oproepen na het laden van test, iets in de richting van $('.flexslider').flexslider();
no votes
-
17-08-2012, 18:56 #3
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
-
17-08-2012, 19:04 #4Member
- 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?
dat gaat zoiezo al .load('test.htm') moeten zijn, dan ga je moeten wachten tot dit geladen is om je flexslider aan te maken.Code:$('#contentright').load('test');no votes
-
17-08-2012, 19:08 #5
Die test werkt ook zonder htm aangezien die door m'n htaccess wordt herschreven.
De code van m'n test.htm is de volgende
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.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>no votes
-
17-08-2012, 19:12 #6Member
- 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
-
17-08-2012, 19:37 #7
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
-
18-08-2012, 04:17 #8
Wel maar een vuile manier eigenlijk om die foto's zo in te laden
no votes
-
18-08-2012, 12:23 #9
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
-
18-08-2012, 14:36 #10
Gewoon er voor zorgen dat ze al ingeladen zijn bij pageload? (maar nog niet zichtbaar)
Zo moet je dus geen extra request doenno votes
-
18-08-2012, 14:55 #11
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
