Gallerie funktioniert nicht im Opera - komisches Ergebnis

[Gustl]

Hi,

ich habe mir eine Gallerie zusammengebaut. Diese funktioniert im FF, Chrome, IE9. Nur im Opera teilen sich die Vorschaubilder ganz komisch auf...
Hat vielleicht wer eine Idee woran dies liegen könnte? Solch eine komische Teilung ist mir bei Bilder neu. :shock:

Hier der Link

Wäre super wenn mir wer einen Schubs in die richtige Richtung geben könnte!

Gruß Gustl

 

[threadi]

Ähm, könntest Du mal bitte deine Seite prüfen. Wenn ich die Öffne werde ich mich mehreren Anfragen zum Öffnen von irgendwelchen PDF-Dateien bombadiert. So kann man sich das gar nicht anschauen.

 

[Gustl]

Das rührt wohl daher:

<div id="pdfs">     
<iframe class="pdf" style="height:500px;width:360px;border: none;" src="[URL="http://www.html.de/view-source:http://www.j-haefner.de/skripte/gallery/pdfs/test.pdf"]pdfs/test.pdf[/URL]">Keine Frames zugelassen1</iframe>     
<iframe class="pdf" style="height:500px;width:360px;border: none;" src="[URL="http://www.html.de/view-source:http://www.j-haefner.de/skripte/gallery/pdfs/test.pdf"]pdfs/test.pdf[/URL]">Keine Frames zugelassen1</iframe>     
<iframe class="pdf" style="height:500px;width:360px;border: none;" src="[URL="http://www.html.de/view-source:http://www.j-haefner.de/skripte/gallery/pdfs/test.pdf"]pdfs/test.pdf[/URL]">Keine Frames zugelassen1</iframe>     
<iframe class="pdf" style="height:500px;width:360px;border: none;" src="[URL="http://www.html.de/view-source:http://www.j-haefner.de/skripte/gallery/pdfs/test.pdf"]pdfs/test.pdf[/URL]">Keine Frames zugelassen1</iframe>     
<iframe class="pdf" style="height:500px;width:360px;border: none;" src="[URL="http://www.html.de/view-source:http://www.j-haefner.de/skripte/gallery/pdfs/test.pdf"]pdfs/test.pdf[/URL]">Keine Frames zugelassen1</iframe>     
<iframe class="pdf" style="height:500px;width:360px;border: none;" src="[URL="http://www.html.de/view-source:http://www.j-haefner.de/skripte/gallery/pdfs/test.pdf"]pdfs/test.pdf[/URL]">Keine Frames zugelassen1</iframe>     
<iframe class="pdf" style="height:500px;width:360px;border: none;" src="[URL="http://www.html.de/view-source:http://www.j-haefner.de/skripte/gallery/pdfs/test.pdf"]pdfs/test.pdf[/URL]">Keine Frames zugelassen1</iframe>     
<iframe class="pdf" style="height:500px;width:360px;border: none;" src="[URL="http://www.html.de/view-source:http://www.j-haefner.de/skripte/gallery/pdfs/test.pdf"]pdfs/test.pdf[/URL]">Keine Frames zugelassen1</iframe>   
</div>

die iframes in diesem divs sind auf display:none; bzw. die id pdfs. Bei einem Klick auf das große Bild in der Gallerie sollte nähmlich ein pdf angezeigt werden. Der Hintergrund wird dann abgeduckelt, und das iframe mit pdf wird dann in der Mitte der Seite angezeigt.

Bei mir kam jetzt noch keine Frage auf ob diese pdfs heruntergeladen werden sollen. Welchen Browser benutzt du denn? Dann sollte ich vielleicht die pdfs über einen anderen weg der seite zuführen. vielleicht den link in einem span, welches dann auch display:none; ist.

 

[threadi]

Ob so eine Frage kommt oder nicht ist abhängig vom PDF-Plugin, nicht vom Browser. Ich habe kein Adobe Reader Plugin, gibts für Linux imho auch nicht. Daher kommt bei mir beim Aufruf die Frage nach dem Download der Datei. Genauso kann es auch anderen gehen. Selbst wenn man das Plugin hat, kann man einstellen ob man PDFs im Browser öffnen möchte oder nicht. Eine PDF-Datei auf die Art in eine Webseite einzubinden ist daher höchst fahrlässig, da man damit seine Besucher belästigt und vergrault.

 

[Gustl]

Das wusste ich nicht. Danke.
Habe die pdfs jetzt, zumindest die paths, in ein span gesteckt, welches nicht sichtbar ist, und lese es von dort aus. Jetzt sollte dann wegen eines downloads nur beim klicken auf ein großes Bild gefragt werden.

Jetzt zum eigentlichen Problem mit dem ungewöhnlichen Fehler im Opera: LINK

 

[threadi]

Das Problem wird glaube ich durch deine jQuery-Programmierung verursacht. In Opera wird für jTscrollerContainer die falsche Breite gesetzt. Dadurch werden die Bilder nicht neben- sondern untereinander und somit nicht sichtbar ausgegeben. Diese falsche Breite entsteht glaube ich dadurch, dass diese Breite momentan gesetzt wird bevor die Seite komplett geladen ist. Ich würde vorschlagen Du lässt diese Ansicht über die JS-Datei für die Galerie nur innerhalb von ready() erzeugen - dadurch sollte sichergestellt sein, dass die Seite komplett geladen ist und somit auch die richtige Breite ermittelt werden.

 

[Gustl]

ok, diese Problem kannte ich noch gar nicht. Danke.
Das ganze war zwar im

$(document).ready(function(){...

Block, aber der scroller benötigt wohl für opera diese Anweisung:

(function($){ 
  window.onload=function(){ 
  }
})(jQuery)

Ok, abgeändert und jetzt geht es auch im Opera.

Was aber immernoch nicht geht ist das horizentale scrollen der Vorschaubilder. Dort ist dieser komische Fehler, wo für mich nicht ersichtlich ist woher dieser kommt... Die Bilder haben eine Höhe von 80px, aber warum scheidet der Opera diese beim seitlich scrollen einfach ab?

Anhänge kann ich hier wohl nicht hochladen, deshalb hab ich ein Bild von meinem Problem mal verlinkt. Wobei es eigentlich mit dem Opera sichtlich sein müsste.
Hier der link zum BILD

Gruß Gustl

 

[mermshaus]

Funktionieren denn alle Demos im Opera? (jquery thumbnail scroller)

Falls nein, ist das wohl ein Bug im Plugin. Da würde ich mich an den Entwickler wenden.

Falls ja, hast du möglicherweise etwas falsch eingebaut. Du musst da aber sehen, dass es für uns nicht so ganz einfach ist, uns mal eben in einige 100 Zeilen HTML, JS, CSS einzudenken, ohne die geringste Anleitung zu bekommen, abgesehen von: „Es ist was falsch, hier ist der Link.“ Meine ich nicht böse, ist einfach so.

PS: Galerie im Deutschen mit einem l.

 

[Gustl]

Nein die Demo funktioniert im Opera.

Ich habe schon folgendes versucht:
- img-tags Höhenangaben herausgenommen (so wie im Demo)
- span-tags gelöscht (so wie im Demo)
- meinen geschriebenen js-code heruasgenommen (nur den js-code wie im Demo)
- css überprüft (ist gleich wie im demo)

Beim div mit class .jTscroller wird beim scrollen ja nur der left-Wert geändert. Deswegen wundert mich der Fehler im Opera. warum werden hier die Bilder einfach abgeschnitten!?

Verstehe das Problem das man sich erst einmal durch den Code arbeiten muss. Aber meine Vermutung war dass vielleicht einer schon ein ähnliches Problem hatte.
Notfalls muss ich das ganze eben von Grund auf neu aufbauen und immer wieder parallel beim Opera schauen ob es funktioniert.
wenn ich den Fehler habe, werde ich ihn hier natürlich auch posten.

Trotzdem Danke!

Gruß Gustl