FancyBox JQuery image gallery does not

Hi all

I'm working on a new portfolio site and I am struggling to load the Fancybox.

I've used it before and it worked fine, but this time all that happens is that the images are open in a new window when clicked.

I am also using other Javascript on my site and I wonder if I need to do something different, or if they face?

This is my 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 = "#" Mm_swapimgrestore "onMouseOver ="MM_swapImage ('Image8 '", ' Images/portfolioimages/latestwhite.jpg',1)" > < img id = "Image8" src="Images/portfolioimages/latest.jpg" > < / has > < / 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" / > < / has > "»

"" < a rel = 'group' href="Images/portfolioimages/mainwork/full/harperoffice.jpg ' title = 'Harper Office' > < img src="Images/portfolioimages/mainwork/thumbs/harperthumb.jpg "alt =" image 2 "/ > < / has >". "

«"< a rel ="group"href="Images/portfolioimages/mainwork/full/vowuserguide.jpg "title ="Brochure"> < img src="Images/portfolioimages/mainwork/thumbs/vowuserguidethumb.jpg "alt =" image 3 "/ > < / has >"»

< / div >

< script type = "text/javascript" >

/ * Make slide show fancybox "group" * /.

$(«__a.group").fancybox ({}

' transitionIne: 'elastic '.

'transitionOut': 'elastic '.

"speedIne: 600,

'speedOut': 200,.

'overlayShow': false

});

< /script >

< / body >

The CSS:

#content {}

Max-width: 960px;

Width: 100%;

margin left: 32px;

padding-bottom: 310px;

}

{#portfoliomain}

top of the margin: 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 is online, but this code is still being worked on is not yet online. The site is www.marieparkinson.co.uk

Thanks for any help,

Mary

marie_barnsley wrote:

I want to keep the

etc so I can format the boxes. Where is the id of group instead?

Yes, keep the

Simply change all tags from:

fancybox" data-fancybox-group="group1" href="http://www.marieparkinson.co.UK/images/portfolio/full/melissareed.jpg"title ="Melissa Reed">images/portfolio/thumbs/melissareed.jpg" alt ="image 1" / > ""

TO

http://www.marieparkinson.co.UK/images/portfolio/full/melissareed.jpg"title ="Melissa Reed">images/portfolio/thumbs/melissareed.jpg" alt ="image 1" / > ""

and don't forget to add your css box fantasy:

"media http://www.marieparkinson.co.uk/js/FancyBox/jQuery-1.FancyBox-1.3.4/FancyBox/jQuery.fancyb ox - 1.3.4.css" = "screen" / >

Tags: Dreamweaver

Similar Questions

  • Image Gallery does not work when online

    You can see what's wrong with this page?  It seems as if its not finding the images.

    http://www.ratatattheatre.co.UK/images/performance/slideshow/Gallery.html

    The amount of the fine on the local disk, so I guess I didn't download all the necessary files, except that I created the entire show in one folder ('slideshow') that contains all the images, xml files, and script etc. - I downloaded the whole at once, so can't see what could not miss.

    Thank you!

    You are welcome.

    I would have thought of the possibility to file name.  Some characters in file names that work locally (e.g. spaces) can cause problems when uploaded to a server ISP.

  • Windows 8 Photo Gallery does not recognize images library

    Photo Gallery does not recognize my images from the library.
    They were transferred here via my old Vista computer flash drive and I can open them in the file Explorer, but Photo said that my library is empty. Any ideas?
    I can see my Facebook photos in the photo library.
     
    1. create a new folder on your C drive named Pix2
    2 copy a few files inside image
    3. Add to the library using the desktop/Explorer/library interface
    4 re - index and wait until it ended
     
     
    Barb
     
     

    Number 4) helped to me exactly the same problem:
    I just removed the folder my pictures from the picture library and put again; I'm guessing that the reindexing did the trick.

    Although a little concerned why this happens in the first place. I have absolutely nothing: he worked 2 (*) days, then no new program installed, not even new photos imported, maybe some updates for Windows and kaboom. Everything disappeared from the Photos app (everything from my computer, SkyDrive worked all the time.)

    (*) My installation of Windows 8 is now 5 days old. It took 2.5 days to find this answer. Uninstall + Reinstall and other stuff suggested did not help.

    --J

  • Window Live Photo Gallery does not open some time when I use to mount the image.

    Window Live Photo Gallery does not open when I use for editing photos or opening as an independent program. The program does not open, but everytime I open the window Task Manager it shows the program is underway.

    What can I do?
    My operating system is Windows 7 Ultimate 32 bit.
    Please answer me with a useful suggestion.

    Hello!

    Please first try this FixIt: http://support.microsoft.com/mats/windows_photo_and_slideshow_diag

    If this does not help, please read this: http://support.microsoft.com/kb/944221#appliesto

    See you soon
    Julia

  • suggestions of jQuery image gallery

    Hello

    Can someone suggest a simple and pleasant to use with dreamweaver CC jquery image gallery?

    I'm looking to do something simple that is on a page.

    With a previous and Next button, caption, perhaps picture number.

    Look no no not a viewer.

    Thank you

    Google for cycle2 - go to the demos page, for starters, l think that there is an example of previous/next, more there are instructions for adding a legend

  • Image Viewer does not offer native zoom level unless layout.css.devPixelsPerPx is set to 1.0, which makes all the tiny interface.

    Asked me to shake my question in one sentence, so this is.
    Image Viewer does not offer native zoom level unless layout.css.devPixelsPerPx is set to 1.0, which makes all the tiny interface.

    DevPixelsPerPx is - 1.0 by default, which causes Firefox to scale with the parameter of the BONE, which is perfectly fine. The problem is that it causes also open image files and especially the zoom level, nationwide also identical to the user interface. A zoom level is adapted to the screen, the other is native. (One is a magnifying glass with a '+', the other a '-'.) Or rather, the other * should * be native, but in practice, it is not native, is climbed by the setting of the BONE, making it as arbitrary and fuzzy like any other level of zoom, which defeats the whole point and does not allow access to a native scaling in any reasonable way.

    If you want to experiment, here is something you can try, a bookmarklet that inserts a 'Native' button on the page. It takes into account your level of "net" zoom current and reduced the image natural dimensions.

    (1) select and copy the following script:

    javascript:var btn=document.createElement('button'); btn.style.cssFloat='right'; btn.appendChild(document.createTextNode('Native')); document.body.insertBefore(btn, document.body.firstChild); btn.addEventListener('click', function(){var img=document.querySelector('img');img.style.transform='scale('+(1/window.devicePixelRatio)+')';}, false); void 0;

    (2) right-click a task on your bookmarks bar or, if you do not display this bar, click on the bookmarks menu button and right click a place there, and then click new bookmark

    (3) paste the script in the location line

    (4) assign a name like native, and then click Add a bookmark

    While you look at a picture, click the bookmark (let) to inject the button. Then click on the button to resize the image.

    Success?

    If you change the zoom level of the 'page', click on the new button to resize it due to the change.

  • Photo Gallery does not open some files (pictures) that he used. He said: it is not "supported."

    Photo Gallery does not open some files that it used.  He said that its not "supported"?  In addition, I can't open some of the files that are in that I think an older version of word.  How can I fix these problems?  There is no window that opens for updates when opening Photo Gallery.

    Well, you don't say what files it used to open then try this. Control Panel, programs, by default, set your default progaams, Windows Photo Gallery, set this program as default.

  • Windows Live Photo gallery does not open and gives me the error 0x8007000b

    Windows Photo Gallery does not work, I can't open it and have access to my photos. The error code is 0x80070000b

    No guarantee... but following Microsoft "don't fix" may be worth a try:

    (FWIW... it's always a good idea to create a system)
    Restore point before installing software or updates)

    Windows Photo and slideshow problems
    http://support.Microsoft.com/mats/windows_photo_and_slideshow_diag/en-us

  • Previous image button does not work

    Hello

    I'm a host of character and as an animator, I always watch movies frame by frame. I checkedenhancenments of Windows Media Player and I found a tool very useful. I can play frame by frame with the option, but only in a way forward. The previous image button does not work .

    Is this a bug?

    My system properties:

    • Intel Core i7 CPU 920 @ 6.67 GHz
    • 6 GB OF RAM
    • 64-bit operating system
    • Windows 7

    Waiting for your response.

    Albert

    Hello

    This is considered to be a design problem.

    Your feedback helps Microsoft make software and services the best they can be. Please leave your comments on the link below. To learn more, sign up for:

    https://connect.Microsoft.com/dashboard/Info/

    Leave your comments on the link below:

    http://mymfe.Microsoft.com/Windows%207/feedback.aspx?formid=195

    Diana

    Microsoft Answers Support Engineer

    Visit our Microsoft answers feedback Forum and let us know what you think.

    If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • Cursor image muse does not work in Chrome or mobile

    Cursor image muse does not work in Chrome or mobile, but no problem for Firefox, IE and Safari

    You really want to know? Haha. Customer wanted to slide show 'stop' for a while and then start again. The easiest way for me to do is to add some regular black images at the end of the slide show. You will see that the first image shows also twice - he wanted a delay for the slide show to start at the same time as the song.

    But I solved the problem in the meantime anyway - photos were not optimized for web use. It worked perfectly for two years, so I don't understand why the sudden error. Anyway, I opened the photos in Photoshop and was saving for web use one by one. Not sure there is a faster way to do it, but it worked

    Thanks for the help anyway!

  • Virtual directory in the background header image region does not

    I created a region of the head of the region that needs the background image to repeat vertical as horizontal, so that the class has been changed to include repeat them instead of horizontally.

    So I replaced class t20RegionHeader with this:

    {.t20RegionHeader}
    vertical-align: center;
    make-weight: normal;
    do-size: 9pt;
    make-weight: bold;
    color: #343434;
    background-image: url(/i/hdingBar-BG.gif);
    background-repeat: repeat;
    text-align: left;
    padding: 1px 8px;
    white-space: nowrap;
    border: 1px solid #a3bed8
    }

    I put "/ i /" in the url of the background image bacause I am referencing an image in the virtual directory, but it did not work. Help, please!

    I have it on APEX. ORACLE.COM:

    Workspace: RGWORK
    User: TESTER
    Password: test123
    Application: CreativeTest 41237
    Page: 11

    APEX: Application Express 4.0.2.00.07
    DB: Oracle 10.2.0.4

    Robert
    http://apexjscss.blogspot.com

    sect55 wrote:
    VC,

    Because the image itself does not exist on the specified path, this is the url that apex is trying to download the image http://apex.oracle.com/i/hdingBar-BG.gif
    
    Please make sure you specify the correct image path
    

    hdingBar-BG is an Oracle supplied image located in the folder of Oracle home\http10g\Apache\Apache\images\themes\theme_20 is why I reference with the image according to the Oracle documentation prefix determines the virtual path, the Web server uses to point to the images directory distributed with Application Builder.) -- /i/

    If your path should be present

    /i/themes/theme_20/hdingBar-BG.gif
    

    Check your application now

  • My CS3 spry horizontal menu does not work in Everybody, my swap image behavior does not dry. If anyone can help. Thank you.

    My CS3 spry horizontal menu does not work in Everybody, my swap image behavior does not dry. Can anyone help? Thank you.

    To the place where I put before (and burst out of the container foot...), put it below:



    Beth

  • The Thickbox widget that I used on my website Gallery does not display images correctly.

    I used a widget gallery called Gallery widget (Thickbox) - for the creation of a portfolio gallery, for display and navigation between photos in the Gallery to your Web site, but the site it does not react as expected. It opens an image in its entirety and does not present the navigation to allow movement between the images. I heard someone say that the widget has been discontinued, please what can I do to make this work well on site or there at - it a new/better one that I can use to give me the same functionality and how to use it? Because I really need this Gallery feature on my site.

    Thank you in advance.

    Thickbox has not been in development for many years, so I'm not too surprised that it works well in modern browsers.

    You'd better to use almost anything with the latest jQuery library. See 2 below lightbox alternatives

    fancyBox - fancy Lightbox Alternative jQuery

    Colorbox - a jQuery lightbox

    Nancy O.

  • Photo retouched in Windows Live Gallery does not copy over image library

    I really like the editing tools in the Gallery of Windows Live for Windows 7.  When I edit a photo and that you click on 'file' then 'copy', it does not save the edited version.  It worked only once (how, I don't know).

    If ever I get to save, how do you put this picture in your image library?  I use Photobucket to put my photos use on Web sites, but it is not a way to get into the Windows Live Gallery to get the edited photo (only accesses the pictures library).

    I've changed the 'read only', etc., for all those listed for total control and it still does not work.

    Help!  What is the key to get this working?

    Thanks :))

    Hi John

    I think that I thought about it.  Once I have change the photo, I can "make a copy" or simply copy.  He puts it in the library of peak with a # extra in addition to the image.  But I wouldn't have the original photo in his State "before editing", so I have to go back and return the pic back to its original form, but I still have a copy of the edited photo in the library that is was that I wanted to accomplish.

    But, the function "save under" would be simpler.  It seems with these tools in Windows Live Gallery, editing it is more work involved in having a before and after that the peak recorded in the image library.  But, I still like the editing tools in the Gallery Live better than Vista.  More I use it, hopefully, the more easy/fast it will become.

    Thank you for your help :)

  • See the full gallery does not work

    While I can see the full gallery on http://www.cnet.com/products/dji-phantom-3-advanced/, in the Chrome browser, only the first image appears in the 9.0.2 Version of Safari 11601.3.9 (El Capitan, 10.11.2 (15 C 50).)

    Who else has this problem?  Why the problem and what is the solution?

    Safari - no support for third-party modules can cause Safari to suddenly quit, or have performance problems

    Safari does not load a page or webpage elements are missing

    Safari / other browsers - Web site does not

Maybe you are looking for