How to put Fancybox on my website? - uCoz Community

Page 1 of 1
1

Thread is closed

How to put Fancybox on my website? (What im not doing right ?)

How to put Fancybox on my website?

Allex

Posts: 28

Reputation: 0

Message # 1 | 7:53 AM 2010-11-27

I'm trying to install facybox on my site but i'm doing something wrong ... can u guys fix my script and tell me were I do wrong ?
Link to the site :

And my code :

Code

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="http://detestat.ucoz.com/jquery.fancybox-1.3.4.pack.js"></script>

<script type="text/javascript" src="http://detestat.ucoz.com/jquery.easing-1.3.pack.js"></script>

<script type="text/javascript" src="http://detestat.ucoz.com/jquery.mousewheel-3.0.4.pack.js"></script>

<link rel="stylesheet" href="http://detestat.ucoz.com/jquery.fancybox-1.3.4.css" media="screen">

<a id="single_image" href="http://detestat.ucoz.com/256px-Photoshop_logo.svg.png"><img src="http://detestat.ucoz.com/Photoshop.png" alt=""></a>

$(document).ready(function() {

   /* This is basic - uses default settings */

   $("a#single_image").fancybox();

   /* Using custom settings */

   $("a#inline").fancybox({
   'hideOnContentClick': true
   });

   /* Apply fancybox to multiple items */

   $("a.group").fancybox({
   'transitionIn' : 'elastic',
   'transitionOut' : 'elastic',
   'speedIn' : 600,
   'speedOut' : 200,
   'overlayShow' : false
   });

});

Post edited by CreativeCollusions - Saturday, 2010-11-27, 9:46 AM

Posts: 1570

Reputation: 58

Message # 2 | 9:39 AM 2010-11-27

Try this, put the following code in between your <HEAD> & </HEAD> tags.

Code

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="http://detestat.ucoz.com/jquery.fancybox-1.3.4.pack.js"></script>

<script type="text/javascript" src="http://detestat.ucoz.com/jquery.easing-1.3.pack.js"></script>

<script type="text/javascript" src="http://detestat.ucoz.com/jquery.mousewheel-3.0.4.pack.js"></script>

<link rel="stylesheet" href="http://detestat.ucoz.com/jquery.fancybox-1.3.4.css" media="screen">

<a id="single_image" href="http://detestat.ucoz.com/256px-Photoshop_logo.svg.png"><img src="http://detestat.ucoz.com/Photoshop.png" alt=""></a>

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

     /* This is basic - uses default settings */

     $("a#single_image").fancybox();

     /* Using custom settings */

     $("a#inline").fancybox({
     'hideOnContentClick': true
     });

     /* Apply fancybox to multiple items */

     $("a.group").fancybox({
     'transitionIn' : 'elastic',
     'transitionOut' : 'elastic',
     'speedIn' : 600,
     'speedOut' : 200,
     'overlayShow' : false
     });

});
</script>

Also please use more informative thread names. Changed.

Kind regards,
Elliott.

"The best uCoz" critic since 2007.
Qualified website, branding, print & user interface designer.

I'm on Behance and Twitter.

Post edited by CreativeCollusions - Saturday, 2010-11-27, 9:46 AM

Allex

Posts: 28

Reputation: 0

Message # 3 | 10:49 AM 2010-11-27

Thanks , i modify it a little and now it works biggrin

biggrin

How to put Fancybox on my website? (What im not doing right ?)

Page 1 of 1
1