FancyBox JQuery image gallery not working


hi all

 

i'm working on new portfolio site , i'm struggling load fancybox.

i've used before , worked fine time happening images opening in new window once clicked.

 

i'm using javascript on site , i'm wondering if need different, or if clashing?

 

this code:

 

<head>

<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" type="text/css" href="styles/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

 

</head>

 

<div id="content">

  <div id="portfoliomain"><a href="#" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('image8','','images/portfolioimages/latestwhite.jpg',1)"><img id="image8" src="images/portfolioimages/latest.jpg"></a></div>

 

<div id="workbox1" class="fancybox">

 

<a rel="group" href="images/portfolioimages/mainwork/full/melissareed.jpg" title="melissa reed"><img src="images/portfolioimages/mainwork/thumbs/melissareed.jpg" alt="image 1"/></a>

 

<a rel="group" href="images/portfolioimages/mainwork/full/harperoffice.jpg" title="harper office"><img src="images/portfolioimages/mainwork/thumbs/harperthumb.jpg" alt="image 2"/></a>

 

<a rel="group" href="images/portfolioimages/mainwork/full/vowuserguide.jpg" title="brochure"><img src="images/portfolioimages/mainwork/thumbs/vowuserguidethumb.jpg" alt="image 3"/></a>

</div>

 

<script type="text/javascript">

/* apply fancybox slideshow 'group'*/

$("a.group").fancybox({

'transitionin'     :     'elastic',

'transitionout'     :     'elastic',

'speedin'          :     600,

'speedout'          :     200,

'overlayshow'     :     false

});

 

 

</script>

</body>

 

the css:

 

#content {

          max-width: 960px;

          width: 100%;

          margin-left: 32px;

          padding-bottom: 310px;

}

#portfoliomain {

  margin-top: 50px;

}

#workbox1 {

          background-color: #ccc;

          width: 30%;

          height: 240px;

          border-right-width: 3%;

          border-right-style: solid;

          border-right-color: #fff;

          float: left;

}

 

 

the site live code still being worked on it's not online yet. site www.marieparkinson.co.uk

 

thanks help,

marie

hi marie -

 

please rename problem page , upload required files , give uus link can assist.

 

what desired behavior seek?



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Object Fitting Keyboard Shortcuts Disfuntional

Markers not showing up after opening a saved project. Where did they go!?

After Effects error: (-1610153453)