Lightbox in Firefox

Ritch · 15. Juli 2011

Hi, habe heute unter Scriptly eine Lightbox erstellt. Leider funktioniert alles nur im IE und nicht im Firefox.
Hat wer ne Idee

lauras · 15. Juli 2011

Hi,

testest du mit den beiden Browservorschauen im Scriptly? Falls ja - probier mal im "normalen" Browser, im Scriptly stimmt die Darstellung oft nicht.

Ansonsten: Ohne Code bzw. eine Upload-Adresse wird man schlecht was sagen können

LG

Sarkkan · 15. Juli 2011

Huhu

1. Hast du das ganze in Scriptly oder in den Richtigen Browsern getestet?
2. Welche Browserversionen? Wurde Browserübergreifend programmiert,.. ?
3. Zeige uns doch mal bitte deinen Code^^ Hellsehen is so ne Sache bei mir..

Ritch · 15. Juli 2011

In "Scriptly" kann ich nicht beide Browservorschauen testen. Ich habe zwar schon versucht das Verzeichnis "chrome" aus der Firefox-Installation in das Scriptly-Programmverzeichnis zu kopieren aber es geht nicht!

Browser: Firefox 5.0

Code

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>




 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 




 
</head>




<body>




<a href="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild Gross.JPG"rel="lightbox [meine bilder]" title="Dirk"> 
<img src="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild.JPG" width="200" height="150" />
</a>
<a href="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild Gross (2).JPG" rel="lightbox [meine bilder]" title="Richey">
<img src="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild (2).JPG" width="200" height="150" />
</a>
<a href="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild Gross (3).JPG" rel="lightbox [meine bilder]" title="Magdeburg">
<img src="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild (3).JPG" width="200" height="150" />
</a>










</body>
</html>

Alles anzeigen

lauras · 15. Juli 2011

Grundsätzlich: Um vorweg Fehler damit zu vermeiden:
ALLE Dateinamen ohne Leerzeichen, Sonderzeichen und möglichst klein schreiben

Ansonsten: was funktioniert nicht? Das ganze Ding oder werden nur die Bilder nicht angezeigt? Kriegst du irgendwelche Fehlermeldungen (es gibt da ein FF-Addon für, soweit ich weiß).

LG

Sarkkan · 15. Juli 2011

Zitat von "lauras"

Ansonsten: was funktioniert nicht? Das ganze Ding oder werden nur die Bilder nicht angezeigt? Kriegst du irgendwelche Fehlermeldungen (es gibt da ein FF-Addon für, soweit ich weiß)

Geht auch Ohne^^
Extras -> Fehlerkonsole

Ritch · 15. Juli 2011

Habe es mit Scriptly Browservorschau getestet und es läuft klasse. Habe es anschließend mit FF versucht zu öffnen da das auch mein Standartbrowser ist und es passiert gar nichts. ( weiße seite ) Habe es dann wieder mit "öffnen mit" IE versucht und es läuft tadellos!

lg

lauras · 15. Juli 2011

Na bei ner weißen Seite läuft irgendwas aber ganz schief :O
Kannst du mal den kompletten Code posten?

Ritch · 15. Juli 2011

Danke für die nette unterstützumg! Hier ist der Komplette Code.

HTML

<!DOCTYPE html>
<html>




<head>
    <title>Titel</title>




    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">




          <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>




 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 




 
</head>




<body>




<a href="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild Gross.JPG"rel="lightbox [meine bilder]" title="Dirk"> 
<img src="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild.JPG" width="200" height="150" />
</a>
<a href="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild Gross (2).JPG" rel="lightbox [meine bilder]" title="Richey">
<img src="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild (2).JPG" width="200" height="150" />
</a>
<a href="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild Gross (3).JPG" rel="lightbox [meine bilder]" title="Magdeburg">
<img src="C:/Users/Ritchy/Desktop/meine Fotos/Fotos/Bild (3).JPG" width="200" height="150" />
</a>




























</body>
</html>

Alles anzeigen

lauras · 15. Juli 2011

Puh, da hab ich spontan keine Idee. Kannst du das ganze irgendwo hochladen, damit man es sich mal im kompletten anschaun kann?
Ansonsten: denk an die Dateinamen, bitte

Flow Snow · 15. Juli 2011

Du bindest JavaScript ein, den Code brauchen wir auch.

Ritch · 16. Juli 2011

Zitat von "lauras"

Puh, da hab ich spontan keine Idee. Kannst du das ganze irgendwo hochladen, damit man es sich mal im kompletten anschaun kann?
Ansonsten: denk an die Dateinamen, bitte

Habe jetzt alles klein wie Du geschrieben hast. Geht aber auch nicht! Aber ich werde in Zukunft daran denken alles klein zu schreiben! Werde es Morgen mal hochladen und Poste dann den link.

lG

lauras · 16. Juli 2011

Flow Snow: naja, die Dateien sind ja vorgegeben, man muss ja fast nur Pfade angeben oder so.. (deshalb mein Hinweis)

Flow Snow · 16. Juli 2011

Zitat

Hi, habe heute unter Scriptly eine Lightbox erstellt.[...]

Ließe sich jetzt drüber streiten, ich habe es nun so verstanden das eine Lightbox selbst gebaut wurde, scheint ja nicht der Fall zu sein, von da her tut es mir leid vorschnell geschrien zu haben :roll:

Sarkkan · 16. Juli 2011

ne kompett leere seite?
Ich gehe mal davon aus das die Links zu den Bildern durch die Leerzeichen ungültig werden

lauras · 16. Juli 2011

Flow Snow: Könnte natürlich sein, aber die Dateien sind die typischen Lightbox 2-Dateien Aber macht ja nix, das muss man ja nich wissen^^

Ritch · 16. Juli 2011

Hallo und Danke für Eure Hilfe.
Ich habe es hin bekommen und zwar lag es daran, dass ich die Pfade falsch angegeben hatte.

Wie gesagt,aller Anfang ist eben schwer. :lol:

lg Ritch

Lightbox in Firefox

Jetzt mitmachen!

Teilen