smooth gallery 101

dermax · #1 (**permalink**) 31.08.2007, 12:38

Hi,

ich würde gerne in mein HTML Script die Gallery

JonDesign's (Javascript) SmoothGallery: Mootools Mojo for Images | Getting started

integrieren. Code und alles habe ich runtergeladen, aber irgendwie geht es nicht so recht. Die runtergeladenen ordner habe ich auf den server gepackt. sollte ja nicht so schwer sein. aber funzt nicht.

wer kann mir da helfen.

Gruss

Mehr slideshows unter

Scripts für Fotogalerien, Diashows und Bildpräsentationen » Webdesign, Javascript

ct2oo4 · #2 (**permalink**) 31.08.2007, 15:07

url? welche Fehler kommen? etc. Etwas ausführlicher wäre nicht schlecht

MfG

dermax · #3 (**permalink**) 31.08.2007, 17:39

Zitat:

Zitat von ct2oo4

url? welche Fehler kommen? etc. Etwas ausführlicher wäre nicht schlecht

MfG

Hi,

läuft mittlerweile
siehe hier
Item 1 Title

aber wenn ich es in xtcommerce auf der startseite haben will geht es nicht.
verstehe ich nicht

andreas' · #4 (**permalink**) 27.08.2010, 15:35

schade das dermax nicht gepostet hat wie er das Problem gelöst hat.

Ich versuche jetzt seit 2 Tagen die smoothgallery (galleryset) zum Laufen zu bringen.

Bin mehrmals die Installationsanleitungen durchgegangen und im Forum dort auch schon gesucht.
Dort haben/hatten mehrere User dieses Problem. Auf die Fragen dort wurde so gut wie nie geantwortet. Ein Thread schien eine Lösung zu bieten aber leider funktioniert es noch immer nicht.

Ich habe die Pfade an mein Verzeichnis angepasst, daran kann es nicht liegen, hoffe ich.
So sieht die Verzeichnisstruktur aus:
Hauptverzeichnes/mootools/css,scripts

Das Script sowie die CSS für die Galerie werden einfach nicht geladen. Der Browser, egal welcher, bleibt beim Laden hängen.

Habe den Code 1zu1 übernommen bis auf die Pfade:

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" xml:lang="de" lang="de">
<head>
<title></title>
<link rel="stylesheet" href="mootools/css/jd.gallery.css" type="text/css" media="screen" />
<script src="mootools/scripts/jd.gallery.js" type="text/javascript"></script>
<script src="mootools/scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
<script src="mootools//scripts/mootools-1.2-more.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
function startGallery() {
var myGallerySet = new gallerySet($('myGallerySet'), {
timed: false
});
}
window.addEvent('domready', startGallery);
</script>
  <div id="myGallerySet">
  <div id="gallery1" class="galleryElement">
    <h2>Brugges 2006</h2>
    <div class="imageElement">
      <h3>Item 1 Title</h3>
      <p>Item 1 Description</p>
      <a href="#" title="open image" class="open"></a>
      <img src="mootools/images/brugges2006/1.jpg" class="full" />
      <img src="mootools/images/brugges2006/1-mini.jpg" class="thumbnail" />
    </div>
    <div class="imageElement">
      <h3>Item 2 Title</h3>
      <p>Item 2 Description</p>
      <a href="#" title="open image" class="open"></a>
      <img src="mootools/images/brugges2006/2.jpg" class="full" />
      <img src="mootools/images/brugges2006/2-mini.jpg" class="thumbnail" />
    </div>
  </div>
  <div id="gallery2" class="galleryElement">
    <h2>Stock Photos</h2>
    <div class="imageElement">
      <h3>Item 1 Title</h3>
      <p>Item 1 Description</p>
      <a href="#" title="open image" class="open"></a>
      <img src="mootools/images/stock/77196_6784.jpg" class="full" alt="Item 1 Title" />
      <img src="mootools/images/stock/77196_6784_002.jpg" class="thumbnail" alt="thumbnail of Item 1 Title" />
    </div>
    <div class="imageElement">
      <h3>Item 2 Title</h3>
      <p>Item 2 Description</p>
      <a href="#" title="open image" class="open"></a>
      <img src="mootools/images/stock/165392_5486.jpg" class="full" alt="Item 2 Title" />
      <img src="mootools/images/stock/165392_5486_002.jpg" class="thumbnail" alt="thumbnail of Item 2 Title" />
    </div>
  </div>
</div>
</body>
</html>

Es werden lediglich die Fotos und HTML angezeigt aber alles ohne CSS u. Scripte.

Vielleicht nutzt hier ja jemand die Galerie?

uspri · #5 (**permalink**) 27.08.2010, 16:39

Kannst Du das mal irgendwo hochladen, oder den Link dazu posten?

andreas' · #6 (**permalink**) 27.08.2010, 17:24

wenns was hilft:

entweder ein dummer Fehler meinerseits oder die Dateien/CSS/Scripte sind nicht aktuell?

inta · #7 (**permalink**) 27.08.2010, 17:33

Ich würde sagen, du hast schlicht und einfach die Javascripte in der falschen Reihenfolge eingebunden. Die Galerie nutzt Mootools, also musst du mt zuerst einbinden.

uspri · #8 (**permalink**) 27.08.2010, 17:39

Das war genau das, was ich in dem Onlinetest sehen wollte. War mir nur in dem Beispiel nicht ganz sicher.

Dreh mal die 3 Zeilen herum:

HTML-Code:

<script src="mootools/scripts/jd.gallery.js" type="text/javascript"></script>
<script src="mootools/scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
<script src="mootools//scripts/mootools-1.2-more.js" type="text/javascript"></script>

andreas' · #9 (**permalink**) 27.08.2010, 18:40

habs umgedreht und auch div. Varianten mit der Reihenfolge probiert aber leider gehts noch nicht.

den Pfad zur jd.gallery.css habe ich geändert

vorher: mootools/css/jd.gallery.css

nachher: ../css/jd.gallery.css

jetzt werden die Thumbs auch angezeigt. Ich habe das mit den js Pfaden auch versucht aber da rührt sich nichts.

Danke soweit!

uspri · #10 (**permalink**) 27.08.2010, 18:50

Das CSS-Zeug muss vor das JS. Außerdem hat Deine Änderung der Pfade nur ein 404er zur Folge, dass CSS wird nicht mehr gefunden.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bilder Gallery mit CSS	tommy34	CSS	0	11.06.2011 16:05
css gallerie Problem	papers00	CSS	0	10.03.2010 13:43
mysteriöser Hovereffekt bei Bildern	smile!	CSS	7	18.02.2010 17:28
Bilder aus image gallery mit Bildüberschrift - nur wie?	fossy	CSS	0	05.11.2008 16:17