Lightbox werkt in Safari, maar niet Firefox en IE?

Hi,

Ik ben al sinds enkele dagen aan het kloten met lightbox. Dat scriptje dat je foto’s zo mooi uitvergroot zonder flash te gebruiken. Op mijn blog werkt dit met alle browsers, maar nu probeer ik het dus te gebruiken op een eigen gemaakte website.
Ik ben geen held in websites bouwen en het is vrij basic.

het volgende probleem doet zich voor: lightbox werkt wel in Safari, maar niet in IE en Firefox.
Voor de de duidelijkheid hier de code en een link naar de desbetreffende site:

http://www.gyprot.com/folio

<link href=‘http://gyprot.com/lightbox2.04/lightbox.css’ media=‘screen’ rel=‘stylesheet’ type=‘text/css’/>
<script src=‘http://gyprot.com/lightbox2.04/prototype.js’ type=‘text/javascript’/>
<script src=‘http://gyprot.com/lightbox2.04/scriptaculous.js?load=effects,builder’ type=‘text/javascript’/>
<script src=‘http://gyprot.com/lightbox2.04/lightbox.js’ type=‘text/javascript’/>

De 2e regel zit volgens mij het probleem, want dreamweaver geeft <script src= en type = en / aan in het ROOD.
Ik heb geen idee wat ik verkeerd doe aangezien dit wel zo werkt op mijn blog met alle browsers en mijn stand alone site alleen met safari.

Kan iemand mij helpen, alvast erg bedankt!

Stijlloos

EDIT: Ik realiseer me net dat ik 1 forum ernaast zit met mijn vraag, kan iemand deze sluiten dan open ik hem in het juiste forum. Dankje.

Even een losse eind tag gebruiken voor de script-tags.

[quote:daa02e053b="iJoost"]Even een losse eind tag gebruiken voor de script-tags.[/quote:daa02e053b] Hoe ziet zo'n losse eind tag eruit? Als ik / of > of /> weghaal, dan wordt de rest van de code rood....

In iedergeval, dit: [code:1:9acf6aa8e5]<link href='http://gyprot.com/lightbox2.04/lightbox.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://gyprot.com/lightbox2.04/prototype.js' type='text/javascript'/> <script src='http://gyprot.com/lightbox2.04/scriptaculous.js?load=effects,builder' type='text/javascript'/> <script src='http://gyprot.com/lightbox2.04/lightbox.js' type='text/javascript'/> [/code:1:9acf6aa8e5]

Hoort tussen de <head></head> tags (boven in de pagina) en niet onderin.

voorbeeld: <link> bla bla </link>

[quote:944ac8b1fd="remixed"]In iedergeval, dit: [code:1:944ac8b1fd]<link href='http://gyprot.com/lightbox2.04/lightbox.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://gyprot.com/lightbox2.04/prototype.js' type='text/javascript'/> <script src='http://gyprot.com/lightbox2.04/scriptaculous.js?load=effects,builder' type='text/javascript'/> <script src='http://gyprot.com/lightbox2.04/lightbox.js' type='text/javascript'/> [/code:1:944ac8b1fd]

Hoort tussen de <head></head> tags (boven in de pagina) en niet onderin.[/quote:944ac8b1fd]
Ik heb het verplaatst naar boven, maar het probleem blijft en dezelfde regel geeft dezelfde woorden in het rood aan.
Bedankt in ieder geval voor deze tip! Heb het dus aangepast in dreamweaver (nog niet online)

EDIT: Nu ik die code naar boven heb verplaatst is trouwens me hele layout vervormd en klopt er niks meer van in Firefox…
Ik zet het weer onderaan tussen </body> en </html>

[quote:a7cfc9c4b8="Stijlloos"][quote:a7cfc9c4b8="iJoost"]Even een losse eind tag gebruiken voor de script-tags.[/quote:a7cfc9c4b8] Hoe ziet zo'n losse eind tag eruit? Als ik / of > of /> weghaal, dan wordt de rest van de code rood....[/quote:a7cfc9c4b8]

Tja… Zo wordt het wel heel moeilijk natuurlijk. :wink:

Begin hier dan maar:

HTML Elements

[quote:2e6a01bafb="iJoost"][quote:2e6a01bafb="Stijlloos"][quote:2e6a01bafb="iJoost"]Even een losse eind tag gebruiken voor de script-tags.[/quote:2e6a01bafb] Hoe ziet zo'n losse eind tag eruit? Als ik / of > of /> weghaal, dan wordt de rest van de code rood....[/quote:2e6a01bafb]

Tja… Zo wordt het wel heel moeilijk natuurlijk. :wink:

Begin hier dan maar:

http://www.w3schools.com/html/html_elements.asp[/quote:2e6a01bafb]
Zulke basics ken ik wel. :slight_smile:

[img:2e6a01bafb]http://gyprot.com/picture3.png[/img:2e6a01bafb]
Misschien dat dit het eenvoudiger maakt, om te zien wat er fout aan is… ?
Vage is dat het in safari wel werkt, maar IE en Firefox niet.

Dezelfde code gebruik ook op mijn blogger blog en daar werkt lightbox dan wel allemaal in elke browser

</script> achter elk script toevoegen en het hele blok tussen de <head></head> tags zetten.

[quote:ed3ebb23dd="patrick68"]</script> achter elk script toevoegen en het hele blok tussen de <head></head> tags zetten.[/quote:ed3ebb23dd] Dit werkt! Het werkt nu in firefox, IE kan ik niet testen momenteel.

In dreamweaver zegt ie wel: Invalid markup. En its missing a closing quote or bracket.

Maar het werkt wel, gelukkig.

Mooi dat het werkt, de foutmelding kan wijzen op de verwijzing naar aanroep van nog een foto die na </html> en voor </body> is geplaatst. Die foto staat daar ook niet goed...

[quote:0a957ba215="patrick68"]Mooi dat het werkt, de foutmelding kan wijzen op de verwijzing naar aanroep van nog een foto die na </html> en voor </body> is geplaatst. Die foto staat daar ook niet goed...[/quote:0a957ba215] [img:0a957ba215]http://gyprot.com/picture4.png[/img:0a957ba215]

Heb voor het gemak weer een screenshotje ervan gemaakt.

Hmm, alle foto’s heb ik voor </body> staan… Bedoel je dus dat ik die hele riedel na de </body> moet plaatsen?

Bedankt voor je hulp :slight_smile:

Dit moet tussen de <head></head> [code:1:26d3585299] <link href='http://gyprot.com/lightbox2.04/lightbox.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://gyprot.com/lightbox2.04/prototype.js' type='text/javascript'/> <script src='http://gyprot.com/lightbox2.04/scriptaculous.js?load=effects,builder' type='text/javascript'/> <script src='http://gyprot.com/lightbox2.04/lightbox.js' type='text/javascript'/> [/code:1:26d3585299]

Die opmerking over die laatste afbeelding kun je vergeten. Die code zie ik wel in het broncode scherm van Safari maar niet in de ontwikkelomgeving van Safari.

[quote:26978e3766="patrick68"]Dit moet tussen de <head></head> [code:1:26978e3766] <link href='http://gyprot.com/lightbox2.04/lightbox.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://gyprot.com/lightbox2.04/prototype.js' type='text/javascript'/> <script src='http://gyprot.com/lightbox2.04/scriptaculous.js?load=effects,builder' type='text/javascript'/> <script src='http://gyprot.com/lightbox2.04/lightbox.js' type='text/javascript'/> [/code:1:26978e3766]

Die opmerking over die laatste afbeelding kun je vergeten. Die code zie ik wel in het broncode scherm van Safari maar niet in de ontwikkelomgeving van Safari.[/quote:26978e3766]
Die heb ik tussen head en head geplaatst en het schijnt nu te werken in Firefox. Thanks. :slight_smile:

Graag gedaan!

[quote:aaa24d0533="patrick68"]Graag gedaan![/quote:aaa24d0533] Ok, ik heb net Internet Explorer kunnen testen en daar werkt het niet. Maar er zal ook eens iets wel meteen werken in IE :P

Firefox en Safari zijn OK nu, maar IE niet, als je nog enig idee hebt wat er mis kan zijn, dan hoor ik het graag! :slight_smile:

Edit: Het werkt nu, ik heb nog geschoven met de code. Nogmaals dank Patrick.

[quote:84b3222811="Stijlloos"][quote:84b3222811="iJoost"][quote:84b3222811="Stijlloos"][quote:84b3222811="iJoost"]Even een losse eind tag gebruiken voor de script-tags.[/quote:84b3222811] Hoe ziet zo'n losse eind tag eruit? Als ik / of > of /> weghaal, dan wordt de rest van de code rood....[/quote:84b3222811]

Tja… Zo wordt het wel heel moeilijk natuurlijk. :wink:

Begin hier dan maar:

http://www.w3schools.com/html/html_elements.asp[/quote:84b3222811]

Zulke basics ken ik wel. :)[/quote:84b3222811]

Mooi, dan weet je dus ook wat een eind tag is.

[quote:6f82d78e64="iJoost"][quote:6f82d78e64="Stijlloos"][quote:6f82d78e64="iJoost"][quote:6f82d78e64="Stijlloos"][quote:6f82d78e64="iJoost"]Even een losse eind tag gebruiken voor de script-tags.[/quote:6f82d78e64] Hoe ziet zo'n losse eind tag eruit? Als ik / of > of /> weghaal, dan wordt de rest van de code rood....[/quote:6f82d78e64]

Tja… Zo wordt het wel heel moeilijk natuurlijk. :wink:

Begin hier dan maar:

http://www.w3schools.com/html/html_elements.asp[/quote:6f82d78e64]

Zulke basics ken ik wel. :)[/quote:6f82d78e64]

Mooi, dan weet je dus ook wat een eind tag is.[/quote:6f82d78e64]
Wel een eind tag, maar een losse tag zegt me niks, behalve als ik het zie :slight_smile:

[quote:e6c668f00d]Empty HTML Elements

HTML elements without content are called empty elements. Empty elements can be closed in the start tag.


is an empty element without a closing tag (it defines a line break).

In XHTML, XML, and future versions of HTML, all elements must be closed.

Adding a slash to the start tag, like
, is the proper way of closing empty elements, accepted by HTML, XHTML and XML.

Even if
works in all browsers, writing
instead is more future proof.[/quote:e6c668f00d]

Dit is een impliciete eind tag. Misschien had ik moeten zeggen expliciete eind tag.

[quote:b5734e6eb8="Stijlloos"]Dit werkt! Het werkt nu in firefox, IE kan ik niet testen momenteel[/quote:b5734e6eb8]

Is de nieuwe code al online? IE6/Win werkt (nog) niet.