Fancybox naar URL

Status
Niet open voor verdere reacties.

Marion2u

Gebruiker
Lid geworden
15 apr 2009
Berichten
59
Hallo,


Ik probeer een url te openen aan de hand van een fancybox. Op de website van fancybox.net volg ik de handleiding en doorloop ik alle stappen maar toch werkt de pagina niet.
In de head tags heb ik deze links geplaatst naar de javascript bestanden:

[JS]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

[/JS]

Dan heb ik een div met daarin een logotje om een kamer te reserveren bij onze b&b. Wanneer ze op die link klikken gaan ze naar een externe url waar de boekingsmodule op staat. Dit heb ik zo gedaan:

HTML:
  <div id="booking">
               
               <a target="_blank" href="http://www.Externeurl.com">
    <img alt="Boek een kamer" src="images/booking.png"></a>
                </div>

De js en css bestanden voor de fancybox staan uiteraard op de server, die heb ik gehaald van het zip bestandje van de fancybox website.

Probleem op de site is dat de fancybox niet tevoorschijn komt, geen errors zichtbaar. Wanneer er wordt geklikt op de knop dan opent de pagina in een nieuw tabblad.

Vriendelijke groeten
Kim
 
De vraag is voor mij niet helemaal helder.
1. Probeer je de boekingsmodule in een andere pagina met facybox te opnenen?
2. wil je binnen dezelfde pagina de boekingsmodule openen in fancybox ?

Het enige wat ik zo snel kan bedenken is dat fancybox volgens mij net als lightbox een class nodig heeft die je mee moet geven aan de link. Ook kun je volgens mij een rel=[eigen bedachte naam] mee geven. Door de rel mee te geven aan meerdere links kun je er voor zorgen dat wanneer je meerdere foto's hebt je binnen fancybox door kunt klikken.
 
Laatst bewerkt:
Wel de fancybox moet een externe url (pagina) weergeven, op mijn eigen index pagina moet dus de boekingsmodule openen.
Class heb ik al proberen mee te geven, zoals op enkele tutorials op internet staan maar dan doet hij het ook niet..
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan