Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

lightbox

pvanharen
14 antwoorden
  • Ik heb hetvolgende probleem.

    Op een website die ik gemaakt heb, staan veel foto's. Nu wil ik het lightbox script gebruiken. Maar omdat mijn site redelijk groot is en veel pagina's heeft, heb ik de site alsvolgt ingedeeld.

    bestanden
    >> java
    >>>> builder.js
    >>>> effects.js
    >>>> lightbox.js
    >>>> prototype.js
    >>>> scriptaculous.js

    >> afbeeldingen
    >>>> lightbox
    >>>> bullet.gif
    >>>> close.gif
    >>>> closelabel.gif
    >>>> download-icon.gif
    >>>> loading.gif
    >>>> nextlabel.gif
    >>>> prevlabel.gif

    >>css
    >>>> normaal.css

    home
    >> home.php
    >> overons.php

    media
    >> index.php
    >> 2010-fotoboek.php
    >> …

    archief
    >> index.php
    >> 2008-archiefindex.php
    >> …



    Ik hoop dat het zo duidelijk is wat ik bedoel. Ik wil dus een lightbox maken, maar omdat de pagina's niet in dezelfde directory staan, weet ik niet wat ik aan het script moet aanpassen. Ze gaan er namelijk van uit dat alles in een en dezelfde map staat.

    Ik gebruik hetvolgende script:

    http://www.huddletogether.com/projects/lightbox2/

    Alvast hartelijk dank!
  • dat maakt toch niet uit?!
    je verwijst in elke pagina (waar je de lightbox wilt hebben) naar het lightbox script.
  • [quote:1e4706c66b="dropkick"]dat maakt toch niet uit?!
    je verwijst in elke pagina (waar je de lightbox wilt hebben) naar het lightbox script.[/quote:1e4706c66b]

    Was het maar zo simpel…. want dat werkt niet helaas. De foto's openen gewoon in een nieuw venster.

    In 'head' heb ik nu staan:

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


    in body:

    <a href=http://link-van-plaatje1.jpg rel="lightbox[roadtrip]">
    <img src=link-van-plaatje1.jpg height=120 width=160 border=0></a>

    En in één javascript staan 3 links naar plaatjes, die heb ik ook aangepast.
  • Begin eens met het toevoegen van aanhalingtekens. Dus:[code:1:ca97d13c91]<a href="http://link-van-plaatje1.jpg" rel="lightbox[roadtrip]">
    <img src="link-van-plaatje1.jpg" height="120" width="160" border="0"></a> [/code:1:ca97d13c91]
    Kloppen de paden naar de javascript bestanden?
  • [quote:8e841e53a9="vuurtoren"]Begin eens met het toevoegen van aanhalingtekens. Dus:[code:1:8e841e53a9]<a href="http://link-van-plaatje1.jpg" rel="lightbox[roadtrip]">
    <img src="link-van-plaatje1.jpg" height="120" width="160" border="0"></a> [/code:1:8e841e53a9]
    Kloppen de paden naar de javascript bestanden?[/quote:8e841e53a9]

    De links naar de javascripts kloppen. Ook de links naar de plaatjes. De aanhalingstekens heb ik toegevoegd. Maar nog steeds geen lightbox.
  • Het is de bedoeling dat je in de hoofdmap van je website een map 'js' maakt, waar je alle bestanden van de lightbox in zet.
    Daarna kun je vanaf elke pagina verwijzen naar die scripts door bijv.:[code:1:eab7069293]<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>[/code:1:eab7069293]Merk op dat ik bij de 'src' voor elke 'js' een schuine streep heb gezet. Hiermee zorg je ervoor dat welke pagina je ook laadt, er altijd in de map 'js' gezocht zal worden naar de lightboxbestanden.
  • Bedankt voor je antwoord. Het werkt. Maar toch heb ik nog wat kleine vervelende dingen. Soms krijg ik een foutmelding of de pagina kan niet gevonden worden. Of er valt een heel gedeelte weg van de pagina. Het rare is, dat dit soms wel en soms niet gebeurt. Waar kan dit aan liggen?

    De pagina waar het over gaat:
    http://harmoniekoningwillem3.nl/media/2010-carnaval.php
    (alleen eerste paar foto's heb ik toegevoegd aan de lightbox)

    Daarnaast is de knop 'next' en 'back' te doorzichtig, ze zijn bijna niet te zien. En het knopje 'sluiten' kan het plaatje niet vinden.
  • Kijk in het bestand css/lightbox.css of de paden naar de afbeeldingen kloppen.
  • [quote:448323fcdc="Jordy!"]Kijk in het bestand css/lightbox.css of de paden naar de afbeeldingen kloppen.[/quote:448323fcdc]

    Dit staat allemaal goed volgens mij…
    Maar klopt dit?

    #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

    Voor de rest kan ik niks geks vinden. Ik heb hier met andere sites ook al problemen mee gehad. Dat was ook de reden dat ik het weggehaald had. Maar het is toch wel mooi :P

    Iemand nog een idee waar het aan kan liggen?

    Edit: Ik zie net dat het in Firefox wel goed werkt, (behalve dat de knoppen te doorzichtig zijn en de knop sluiten weg is). Maar in ie8 en lagere versies is het niet goed, de pagina stopt halverwege met laden of ik krijg een foutmelding dat de pagina niet gevonden kan worden.
  • heb je andere javascripts draaien?
    Zie je in IE linksondering een error (geel blokje met uitroepteken), zoja wat zegt die melding?
    heb je de script tags onder de metatags staan?
  • Heb dit probleem zelf ook gehad, maar weet niet meer hoe ik het heb opgelost.
    In ieder geval de handleiding gebruikt: http://www.lokeshdhakar.com/projects/lightbox2/

    Misschien zal ik thuis eens kijken.

    En dat die knoppen doorzichtig zijn, zal wel met het javascript te maken hebben. Heb je dit toevallig verandert?

    Installeer anders even lightbox opnieuw.
  • Bedankt voor jullie antwoorden.
    Ik heb nog één andere javascript draaien. Maar deze draait op de home pagina, en niet op de pagina met mijn fotoboek.

    ik heb de script tags onder de meta tags staan.

    In IE zie ik inderdaad een error:
    [i:b6d55b5e8d]Foutdetails webpagina

    Gebruikersagent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; OfficeLiveConnector.1.4; OfficeLivePatch.1.3)
    Tijdstempel: Wed, 10 Mar 2010 16:37:17 UTC


    Bericht: Object wordt verwacht
    Regel: 24
    Teken: 1
    Code: 0
    URI: http://harmoniekoningwillem3.nl/home/home.php[/i:b6d55b5e8d]

    De handleiding http://www.lokeshdhakar.com/projects/lightbox2/ heb ik ook gebruikt.

    Ik heb de javascript bestanden verwijdert en opnieuw op mijn site geplaatst. Nog steeds hetzelfde probleem met mijn doorzichtige en bijna onzichtbare knoppen. Ik heb niks veranderd in lightbox.

    Kan iemand mij verder helpen?
  • Als je door middel van de html <img> ergens willekeurig op je site de sluit-knop plaatst met daarin de dezelfde verwijzing als in je javascript, komt dan de image er wel te staan?
  • [quote:b1ade9fb1d="Jordy!"]Als je door middel van de html <img> ergens willekeurig op je site de sluit-knop plaatst met daarin de dezelfde verwijzing als in je javascript, komt dan de image er wel te staan?[/quote:b1ade9fb1d]
    Ja. Dit werkt wel gewoon.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.