fancyBox fungerar inte

2013-03-31 22:02

Permalänk

phroggyy

Medlem

Plats: Solna, Stockholm
Registrerad: Dec 2010

●

fancyBox fungerar inte

Hej,

Jag håller för tillfället på att göra en stor uppdatering av min sida, och har tänkt använda mig av fancyBox för visning av bilderna, men stöter på stora problem: istället för att en lightbox poppar upp så skickas jag bara vidare till bilden, och kan själv inte se var jag gjort fel i implementeringen av fancyBox, men tänkte att någon annan kanske kunde se det?

Mitt head ser ut som följer:

<head>
<meta charset="UTF-8">
<title>Portfolio</title>
<link href="css/theme.css" rel="stylesheet" type="text/css" />
<link href="css/style_portfolio.css" rel="stylesheet" type="text/css" />
<!--<link rel="stylesheet" href="slimbox-2/css/slimbox2.css" type="text/css" />-->

<script src="pump/script/jquery.min.js" type="text/javascript"></script>

<!-- Add jQuery library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>

<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script type="text/javascript" src="js/animatepage.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
    $('.fancybox').fancybox();
  });
</script>

</head>

Dold text

Och sen ligger bilderna i body som följer:

<a href="images_full/image-10.jpg" class="fancybox" data-fancybox-group="group"><img src="thumbnails/thumb-10.jpg" class="thumb"></a>
        <a href="images_full/image-11.jpg" class="fancybox" data-fancybox-group="group"><img src="thumbnails/thumb-11.jpg" class="thumb"></a>
        <a href="images_full/image-12.jpg" class="fancybox" data-fancybox-group="group"><img src="thumbnails/thumb-12.jpg" class="thumb"></a>
        <a href="images_full/image-13.jpg" class="fancybox" data-fancybox-group="group"><img src="thumbnails/thumb-13.jpg" class="thumb"></a>
        <a href="images_full/image-14.jpg" class="fancybox" data-fancybox-group="group"><img src="thumbnails/thumb-14.jpg" class="thumb"></a>
        <a href="images_full/image-15.jpg" class="fancybox" data-fancybox-group="group"><img src="thumbnails/thumb-15.jpg" class="thumb"></a>

...

Dold text

Är det någon som kan se var jag gjort fel så skulle det uppskattas enormt!

MVH
Leo

Visa signatur

Rapportera Redigera

Citera flera Citera

2013-03-31 22:13

Permalänk

bubblefrog

Medlem

Plats: Göteborg
Registrerad: Jun 2009

●

har du kollat så att alla länkar är rätt?

Visa signatur

Intel i7 2600K @ 4.8 GHz | Asus P8Z68-V Pro | Corsair Vengeance 1600mhz 24gb | 512gb SSD | MSI GeForce GTX 1080 Ti Gaming X

Rapportera Redigera

Citera flera Citera

2013-03-31 23:19

Permalänk

phroggyy

Medlem

Plats: Solna, Stockholm
Registrerad: Dec 2010

●

Skrivet av bubblefrog:

har du kollat så att alla länkar är rätt?

Gå till inlägget

Jo, fancybox-mappen ligger i samma mapp som portfolio.html (site root), och allt därifrån ska vara rätt!

Visa signatur

Rapportera Redigera

Citera flera Citera

2013-03-31 23:48

Permalänk

HappyPie

Medlem ★

Plats: Göteborg
Registrerad: Nov 2002

●

Skrivet av bubblefrog:

har du kollat så att alla länkar är rätt?

Gå till inlägget

+ att stora och små bokstäver stämmer överens? (I windows spelar det ingen roll men i andra OS och web-apps )

Rapportera Redigera

Citera flera Citera

2013-03-31 23:52

Permalänk

phroggyy

Medlem

Plats: Solna, Stockholm
Registrerad: Dec 2010

●

Skrivet av SolidReactor:

+ att stora och små bokstäver stämmer överens? (I windows spelar det ingen roll men i andra OS och web-apps )

Gå till inlägget

Jodå, och det är just därför jag blir så förvirrad, för alla länkar ser ut att vara rätt!

Edit: Allt löste sig äntligen! Det visade sig att den JQuery jag hade nedladdad som kom med ett annat skript var version 1.4.2, och fancyBox funkade inte med 1.9.1 som hostades på Google (lyckades inte få in 1.9.0) eller 1.4.2. Laddade helt enkelt ned JQuery 1.9.0 till scripts-mappen och la in rätt URL så fungerade allt precis som det skulle!

Senast redigerat 2013-04-01 00:02

Visa signatur

Rapportera Redigera

Citera flera Citera

fancyBox fungerar inte

fancyBox fungerar inte

Externa nyheter

Spelnyheter från FZ