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

Post a Comment

Popular posts from this blog

how to devide a circle into equal parts

-
how devide circle equal parts reggie,   depending on version, may able use free divide (length) script available here, setting number,   http://park12.wakwak.com/~shp/lc/et/en_aics_script.html   or may (smart guides friends):   1) use polar grid tool right size of circle, 0 concentric dividers , desired number of radial dividers, , ungroup; 2) extend radial dividers; 3) select circle , use scissors tool @ intersections (smart guides intersect ), may need select remaining parts underway.   or may (smart guides friends):   1) create vertical line through top , bottom (or left , right) anchor points line tool; 2) rotate copies @ relevant angles (to half number of cuts division); 3) select circle , use scissors tool @ intersections (smart guides intersect ), may need select remaining parts underway. More discussions in Illustrator adobe
Read more

"Could not fill because there are not enough opaque source pixels" - not solved by any other thread

-
i'm getting error posted in thread's title , have no idea why.  working image not transparent in way. 100% opacity.  in fact, doesn't matter work with, every time try fill selection on layer in doc, error.  ideas???  thanks   scott probably see screen shot of photoshop layers panel open. at point guess can make wrong layer selected, once see screen, else may pop out @ me, or else reading thread. More discussions in Photoshop for Beginners adobe
Read more

Why can't I change the billing info for my account?

-
hi all,   about 3 weeks ago issued new corporate cc number. have been trying since find way update in website. everytime try load billing info message 'there has been error on our side, please try again later.' has been happening weeks now. decided, if they're not going fix it, i'll call support.   i reported bug support, no response.   i called support , sat on hold update cc. hung on when should have been answered. happened twice (i'm persistent).   i registered call-back. got call-back, , told needed go person. got warm transfer because of above problem.   this person told me needed talk yet different team, , schedule call me in 1-2 hours.   it has been on week, maybe week , half since supposed receive call-back, , ticket updated yesterday; they've tried reach me no success (yeah, right), them do? left note: call me @ number within next 4 hours, , can settle this. guess got pacific time support team, because called 16 hours later (i'm gmt, way; company u...
Read more