Archief - jQuery Fancy Lightbox hulp!

H

Huey

Legacy Member

• 20 jul 2009

• #1

Hi iedereen,

Ik ben momenteel bezig met het in elkaar steken van mijn nieuwe portfolio op LionMade.com, maar ik stuit af en toe toch op enkele probleempjes.
Ik wil via de jQuery Fancy Lightbox script mijn bezoekers in staat stellen om een prijzenlijst van mijn diensten, en ook grotere ontwerpen uit mijn portfolio, te bekijken via die jQuery Fancy Pop-up die iedereen wel kent.
Het script is geinstalleerd maar werkt eingelijk TE goed.
Hij zet namelijk ALLE links op mijn pagina om met die FancyBox, dus ook als de gebruiker op de navigatie klikt, komt er een pop-up van een nieuwe pagina.
Ik ben op de site van Fancy Lightbox om hulp gaan zoeken maar niets gevonden.

Iemand die hier ervaring mee heeft?

D

Drone

Legacy Member

• 21 jul 2009

• #2

Code:

$(document).ready(function() {
   $("a").fancybox();
 });

$("a") met deze selector selecteer je alle <a> tags. Voor op specifieke <a> tags kan je bv $(".fb") aanmaken en dan geef je de links die fancybox moet openen class="fb".

Dus bijvoorbeeld zoiets:

Code:

$(document).ready(function() {
   $(".fb").fancybox();
 });

<a href="http://www.google.be">gewone link</a>
<a href="http://www.google.be" class="fb">FancyBox link</a>

H

Huey

Legacy Member

• 21 jul 2009

• #3

Ok dat ga ik 's proberen, alvast bedankt voor de uitleg!

H

Huey

Legacy Member

• 21 jul 2009

• #4

Nu zit ik met een ander probleem, ik moet de iFrame die hij laadt kunnen resizen maar met de 'frameWidth' lukt het niet, dan opent hij mijn pagina weer gewoon in een nieuw venster
Enig idee?

D

Drone

Legacy Member

• 21 jul 2009

• #5

Code:

$(document).ready(function(){
   $(".if").fancybox({
      'frameWidth': '300px'
   })
});

<a class="if" href="http://www.google.be">Google</a>

H

Huey

Legacy Member

• 21 jul 2009

• #6

Nu zit ik met een 1 px brede fncybox, ik snap er niks meer van.
Klik op 'See Pricing' op LionMade.com | Creative Services for Kings

D

Drone

Legacy Member

• 21 jul 2009

• #7

Misschien moet het '700' zijn in plaats van '700px'. Ik heb het zelf niet getest.

Edit:
Als het gewoon 700 is dan is het zonder quotes btw. Dus gewoon 700 niet '700'.

H

Huey

Legacy Member

• 21 jul 2009

• #8

Het is opgelost:
het was
'frameWidth': 700

geen aanhalingstekens of px

Thanks!