|
|||
JQuery: Datei in Container laden
Hallo,
ich versuch mich gerade an JQuery. Ich lade eine php-Datei in einen Container und tausche die Inhalte mit Links entsprechend aus. Das funktioniert auch soweit mit normalen Inhalten (Text). Ich möchte aber nun verschiedene ImageFlow-Galerien darin entsprechend laden. Das ImageFlow-Script wird aber nicht angezeigt. Wo muss ich die imageflow.js und imageflow.css einbinden? In die Datei die nachgeladen wird oder nur in die Ursprungsdatei? Funktioniert irgendwie beides nicht... Folgendes habe ich im Head stehen: PHP-Code:
HTML-Code:
<a href="javascript:void(0);" id="random">Inhalt random</a> <a href="javascript:void(0);" id="toprated">Inhalt toprated</a> <a href="javascript:void(0);" id="recent">Inhalt recent</a> Meine flow.php: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <link rel="stylesheet" href="./css/imageflow.css" title="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="./include/js/imageflow.js"></script> <title></title> </head> <body> <div id="FlowHome" class="imageflow"> <img src="img/at_symbol.jpg" longdesc="img/img1.png" width="400" height="300" alt="Image 1" /> <img src="img/datenscheiben.jpg" longdesc="img/img2.png" width="300" height="400" alt="Image 2" /> <img src="img/farbraum.jpg" longdesc="img/img3.png" width="400" height="400" alt="Image 3" /> <img src="img/fries.jpg" longdesc="img/img1.png" width="400" height="300" alt="Image 4" /> <img src="img/kunst.jpg" longdesc="img/img2.png" width="300" height="400" alt="Image 5" /> <img src="img/platsch.jpg" longdesc="img/img1.png" width="400" height="300" alt="Image 6" /> <img src="img/raetsel_1.jpg" longdesc="img/img2.png" width="300" height="400" alt="Image 7" /> <img src="img/raetsel_2.jpg" longdesc="img/img3.png" width="400" height="400" alt="Image 8" /> <img src="img/stimme_von_oben.jpg" longdesc="img/img1.png" width="400" height="300" alt="Image 9" /> </div> </body> </html> Geändert von crossgolfer85 (18.06.2009 um 11:23 Uhr) Grund: Geändert weil Code der flow.php vergessen |
Sponsored Links |
|
||||
Erstens darfst Du in der flow.php keinen HTML Header mehr mitschicken, also nur das, was zwischen den <body>-Tags steht und zweitens musst Du bestimmt nach dem Laden des Inhalts das Imageflow neu initialisieren, damit es die entsprechenden Bilder lädt. Das CSS und JS musst Du nicht in der flow.php laden, sondern in der Datei, wo Du das Ajax aufrufst. Beim Ajax gibt es eine option success: und dort müsstest Du das Imageflow neu initialiseren.
Ich habe das aber selber noch nicht gemacht, denke aber mal, dass ich so an die Sache herangehen würde. Schau mal hier nach: http://finnrudolph.de/ImageFlow/Documentation |
Sponsored Links |
|
|||
Hey, vielen Dank erstmal.
Habe mir schon gedacht das es falsch ist das HTML-Grundgerüst mit in die flow.php zu packen. Ich habe das nur gemacht weil ich nicht wußte wie ich ImageFlow innerhalb des Containers initialisiert bekomme. War also mehr ein Test Ok, ich werde mal weiter suchen ob ich was finde. In der ImageFlow Doku habe ich jedenfalls nichts passendes gefunden. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
jQuery: IMG mit Klasse nicht laden? | alsodenn | Javascript & Ajax | 5 | 13.01.2011 14:28 |
Datei Upload mit Jquery? | crossgolfer85 | Javascript & Ajax | 0 | 14.08.2010 11:25 |
Bei Upload mit Jquery Multifile-Plugin wird immer nur eine Datei hochgeladen | connor | Serveradministration und serverseitige Scripte | 0 | 19.02.2010 16:57 |
Datei neu laden, Cache, CSS, Filetime | Scheppertreiber | Serveradministration und serverseitige Scripte | 27 | 18.02.2008 13:05 |
html oder pdf Datei laden | cgdesign | Javascript & Ajax | 1 | 09.01.2007 12:47 |