✔ Galleria einbinden

T

the_royal

Mitglied
Hallo Zusammen
Ich würe gerne bei einer Website folgende Gallerie einbinden:
http://galleria.aino.se/
Wenn ich nun aus den Demos ein Beispiel direkt aufrufe, funktioniert dies...
Wenn ich dies aber in meine Seite einbinden will, funktioniert dies nicht...

Hier mal mein generierter Code:
HTML: 
<!-- Author: Marco von Gunten -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>[XTREMERACERS]</title>
<link href="Newstyle.css" rel="stylesheet" type="text/css" /></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="galleria/src/galleria.js"></script>
</head>
<body style="text-align:center;">
<div id="container">

   






 <div id="header"><ul id="menu">

  <li><a href="?pid=0" class="home"></a></li>
  <li><a href="?pid=1" class="events"></a></li>
  <li><a href="?pid=2" class="contact"></a></li>
  <li><a href="?pid=3" class="showroom"></a></li>
</ul>
  </div>
    <div id="content">
    <div id="middle">
  <div id="boxBig" style=" background-image:url(images/banner_blacktiger.png)">

  <div id="boxBigText">
  <h2>EVENTS</h2>
 Auf dieser Seite findest du unsere interessanten Events. 
 Zum einen sind dies von uns organisierte Ausfahrten, oder aber auch öffentliche 
 Events wie zum Beispiel die alljährliche Tuning World am Bodensee.
 Falls du an einem Anlass mit uns mitfahren möchtest,
 melde dich bei der unter Kontakt angegebenen Adresse.
    </div>
    </div>
  <div id="textbox">
  <div id="textboxtext">
  <h2>Im Moment stehen keine Events an.</h2>

  <div id="galleria"></div>
    
    <script>
    
    // Load theme
    Galleria.loadTheme('../src/themes/classic/galleria.classic.js');
    
    // intiialize flickr plugin
    var flickr = new Galleria.Flickr('fddd7bc223fe37295faace93a4f2d8fc');
    
    // inject a photset into galleria
    flickr.getSet('72057594078378762', { 
        size: 'medium'
    }, function(data) {
        $('#galleria').galleria({
            data_source:data,
            image_position: 'right',
            image_crop: true
        });
    });
    
    </script>
  </div></div>
</div> 
<div id="footer"></div>

    </div>

</body>
</html>

Vielleicht sieht jemand das Problem auf Anhieb...?

Vielen Dank schonmal!

Gruss the_royal
 
Moin,

stimmen beispielsweise auf deinem Server die Verzeichnisgegebenheiten mit dem genannten Pfad zu dieser Script-Datei aus der Anleitung überein?
HTML: 
<script src="galleria/src/galleria.js"></script>


Gleiche Frage gilt für dieses Script:
Javascript: 
Galleria.loadTheme('../src/themes/classic/galleria.classic.js');

Ansonsten solltest du für weitere Nachforschungen den Link zu deiner Seite nennen, da in deinem Code soweit kein Fehler zu entdecken ist.

mfg Maik
 
(1) Muss das JS-Script nicht in der Div stehen
(2) Sollte der Scriptbereich richtig notiert sein
HTML: 
<script type="text/javascript">
</script>
(3) Solltest Du auf die Fehlermeldung des Browsers achten, da wird sicherlich etwas stehen.

mfg chmee
 
chmee hat gesagt.:
(1) Muss das JS-Script nicht in der Div stehen
(2) Sollte der Scriptbereich richtig notiert sein
HTML: 
<script type="text/javascript">
</script>
(3) Solltest Du auf die Fehlermeldung des Browsers achten, da wird sicherlich etwas stehen.
Zum Vergrößern anklicken....
(1) Dürfte kein Problem darstellen, solange es im HTML-Code nach dem DIV #galleria folgt.
(2) Sieht im Original nicht anders aus.
(3) Wenn denn eine erfolgt.

mfg Maik
 
Maik, schau mal im obigen Source in die div Galleria.. Auf die Fehlermeldung spreche ich an, weil es eine geben sollte, wenn eine der Bibliotheken nicht geladen wurde. Ergo : sind die script-Verlinkungen falsch, wird auch ein Objekt/Funktionsaufruf als Fehler ausgeworfen.

mfg chmee
 
Maik lag richtig, mit den Pfaden... Ich hatte aus dem Beispiel nur "../" übernommen, was bei mir auf einen übergeordneten Ordner zeigt welcher gar nicht existiert. Stadtdessen habe ich dies jetzt mit "galleria/blabla" ersetzt!
Vielen Dank!
 
Jo, aber ohne Angabe des MIME-Type funktioniert so ein Script dennoch :-)

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück