prettyPhoto richtig einbinden

[djunior_norr]

Hej!

Bin gerade so ein bissel am Verzweifeln. Versuche prettyPhoto in meinen XHTML code einzubinden. Alle Links sind als Rollover, somit weiss ich nicht wo genau ich die entsprechenden Befehle eingeben soll. In den Bsp. sind das ja immer nur "normale" Links. Hier mal nen Code den ich gern mit pP anzeigen will:

<a href="http://www.frilansfinans.se" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image87','','images/tjanster_47-over.jpg',1)"><img src="http://www.psd-tutorials.de/modules/Forum/images/tjanster_47-.jpg" alt="FF" name="Image87" width="163" height="82" border="0" id="Image87" /></a>

Wie gesagt das soll über iFrame mit pP geöffnet werden nur ich stell mich wohl zu doof an ;-)

Freu mich über eure helfenden Tips!

Marcel

 

[sokie]

AW: prettyPhoto richtig einbinden

was heisst denn 'über Iframe öffnen' ?
es gibt eine Dokumentation auf der prettyPhoto page wo du einfach nachlesen kannst, wie du die Scripts einbindest und die Galerie zum laufen bringst.
an welcher Stelle kommst du nicht weiter?

 

[djunior_norr]

AW: prettyPhoto richtig einbinden

Hej!

Also das Problem mit dem Einbinden habe ich nun gelöst ABER .Jetzt möchte ich ne Galerie erstellen aber nur ein Bild auf der Seite zeigen. Den Code hierfür habe ich und er funktioniert auch. Hier mal der Code:

<a href="images/Grafisk/4.jpg" rel="prettyPhoto[Grafisk]" title="Visitkort" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image97','','images/tjanster_16-over.jpg',1)"><img src="images/tjanster_16-.jpg" alt="" name="Image97" width="237" height="227" border="0" id="Image97"/></a></td><a rel="prettyPhoto[Grafisk]" href="images/Grafisk/1.jpg" title="No. 002 - Vinterns första grepp" /><a rel="prettyPhoto[Grafisk]" href="images/Grafisk/2.jpg" title="No. 003 - Vid Fällforsen när våren börjar komma" /><a rel="prettyPhoto[Grafisk]" href="images/Grafisk/3.jpg" title="No. 004 - Sista dagarna i hösten" />

Mein Problem ist nun, das im FF die Galerie aufgeht aber das erste Bild zwar aufgeht aber in der Galerie auf Position 4. Dann folgen die Bilder in umgekehrter Reihenfolge also 3,2,1 ergo klickt man rückwärts durch die Galerie. In IE hingegen funktioniert die Galerie wie sie soll ABER das Layout der Seite ist total zerschossen will sagen da kann ich nicht diesen Code nutzen da IE wohl unbedingt nen Thumb till jedem Bild haben will. Frage meinerseits ist wie krieg ich das hin so das ich mit einem Code in beiden Browsern das richtige anzeige?

 

[sokie]

AW: prettyPhoto richtig einbinden

bitte auf jeden Fall für Code die Codewerkzeuge benutzen, sonst lässt sich das beim besten Willen nicht lesen. An den vollen Editor gelangt man, wenn man unten auf "Erweitert" klickt.

<a href="http://www.psd-tutorials.de/modules/Forum/images/Grafisk/4.jpg" rel="prettyPhoto[Grafisk]" title="Visitkort" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image97','','images/tjanster_16-over.jpg',1)"><img src="http://www.psd-tutorials.de/modules/Forum/images/tjanster_16-.jpg" alt="" name="Image97" width="237" height="227" border="0" id="Image97"/></a></td>
<a rel="prettyPhoto[Grafisk]" href="http://www.psd-tutorials.de/modules/Forum/images/Grafisk/1.jpg" title="No. 002 - Vinterns första grepp" />
<a rel="prettyPhoto[Grafisk]" href="http://www.psd-tutorials.de/modules/Forum/images/Grafisk/2.jpg" title="No. 003 - Vid Fällforsen när våren börjar komma" />
<a rel="prettyPhoto[Grafisk]" href="http://www.psd-tutorials.de/modules/Forum/images/Grafisk/3.jpg" title="No. 004 - Sista dagarna i hösten" />

das Problem mit der Darstellung wird daher rühren, dass da Tags im Quelltext sind, die nicht dahin gehören*, wie zB. das </td> in der ersten Zeile.
es nutzt nicht, wenn man sich die Möglichkeiten funktionierend zunutze machen will, die moderne Browser unterstützen, geht das nur wirlich gut mit validem und logisch strukturiertem code.

*ob nun das Tag an der falschen Stelle ist, oder weitere Tag möglicherweise fehlen, lässt sich bei dem Codeausschnitt nicht wirklich zuverlässig sagen.

mit jquery kann man alle Elemente eines sets mit Ausnahme des ersten ausblenden, wenn man den selektor (modifizierer) :gt(0) verwendet. So kann man die Galerie so belassen, dass sie für den Besucher, der kein Javascript benutzt in der normalen Version zur Verfügung steht. Wenn du, wie in deinem Fall leere a Element dazu missbrauchst, das Nichtanzeigen zu bewirken, stehen diese Besucher im Regen.