Any simple way to do popup image view overlay in DW? Can't get pickachoose+fancybox+fluid working

Hey all,
Just wondering if anyone knows any simple ways to create a popup over lay window like what fancybox/lightbox/shadow box does and get it to work with a Dreamwever fluid grid site?
I've got pikachoose+fancy box to run together perfectly in a plain html page, but when I bring that code into a Dreamweaver fluid grid site, the code doesn't work (well images don't cycle, and popover doesnt load when you click on the image link).
I'm guessing it's a jquery conflict of some kind.
Any help would be great, I can post the full code if someone is able to take a look. When I inspect the code in Google Chrome web inspector I get in the console:
Uncaught TypeError: Cannot read property 'msie' of undefined jquery.fancybox-1.3.4.pack.js:18
Uncaught TypeError: Object [object Object] has no method 'fancybox'
Code below
<!doctype html>
<html class="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>-</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/ce4.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="jquery.fancybox-1.3.4.css" media="screen" />
<link type="text/css" href="styles/bottom.css" rel="stylesheet" />
<script src="respond.min.js"></script>
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="lib/jquery.pikachoose.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.4.pack.js"></script>
<script language="javascript">
$(document).ready(function (){
var a = function(self){
self.anchor.fancybox();
$("#pikame").PikaChoose({hoverPause:true,  showCaption:false, text: {previous: "", next: "" }, buildFinished:a});
</script>
</head>
<body>
<div class="pikachoose">
<ul id="pikame" >
<!-- <li><a href="1.jpg"><img src="1.jpg"></a>-->   
<li>
<a href="images/1large.jpg">
<img src="images/1small.jpg"/>
</a>
<span></span></li>
etc... etc...
Any help would be great

I don't know what a pikachoose is, but Fancybox2 works in Fluid Layouts.  Copy & paste the following code into a new, blank document.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, with Fancybox2 Viewer</title>
<!--LATEST JQUERY CORE LIBRARY-->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<!--FANCYBOX plugins-->
<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
/**this styles image container**/
#thumbs p {
float:left;
width: 180px;
height: 12.5em;
margin: 10px 0 0 20px;
padding: 10px;
border: 1px solid silver;
/**rounded borders**/
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius: 20px;
/**this styles caption text**/
font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
color: #666;
text-align:center;
/**recommend using same size images**/
#thumbs img {
width:  160px; /**adjust width to thumbnail**/
height: 120px; /**adjust height to thumbnail**/
margin-bottom: 1.5em;
opacity: 0.75;
#thumbs img:hover {opacity: 1.0}
/**float clearing**/
#thumbs:after {
content:".";
clear:left;
font-size:0px;
line-height:0;
display:block;
visibility:hidden;
</style>
</head>
<body>
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>
<!--insert thumbnails with links to full size images below-->
<div id="thumbs">
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
Caption 1
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
Caption 2
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
Caption 3
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
Caption 4
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
Caption 5
</p>
<!--end thumbs--></div>
<!--FancyBox function code-->
<script>
$(document).ready(function() {
     $('.fancybox).fancybox();
</script>
</body>
</html>
Nancy O.

Similar Messages

  • Hello as2 image scroll buttons. I can't get the scroll to work

    Thank you in advance for your help. I am building an vertical image scroll buttons in AS2. but I cant get the scroll to work. Can you please look at my script and see if I am missing something. Thank you again.
    topEdge=mask_mc._y;
    maskHeight=mask_mc._height;
    sliderHeight=slider_mc._height;
    ratio=maskHeight/(sliderHeight-maskHeight)
    //trace(ratio)
    targY=slider_mc._y;
    slider_mc.onEnterFrame=function(){
      this._y+=(targY-this._y)/5;
    slider_mc.onMouseMove=function(){
      if(mask_mc.hitTest(_ymouse,_xmouse,false)){
        targY=topEdge-(mask_mc._ymouse/ratio)
        updateAfterEvent();

    Try:
    - Reset the iOS device. Nothing will be lost
    Reset iOS device: Hold down the On/Off button and the Home button at the same time for at
    least ten seconds, until the Apple logo appears.
    - Reset all settings
    Go to Settings > General > Reset and tap Reset All Settings.
    All your preferences and settings are reset. Information (such as contacts and calendars) and media (such as songs and videos) aren’t affected.
    - Restore from backup. See:                                 
    iOS: How to back up           
    - Restore to factory settings/new iOS device.
    -  Make an appointment at the Genius Bar of an Apple store.
    Apple Retail Store - Genius Bar

  • Is there any simple way to close a group of PO's?

    Hello All,
    I was looking an answer for my question on forum but didn't found anything which could help me to solve my issue.
    I would like to close a group of PO's in some period of dates. Is there any simple way to do this? I mean transaction for example, which will let me to choose company number, period of dates  or range of PO numbers and close them by one tick (one action).
    Thank you in advance for any support from your site.
    Regards,
    Kamil

    Kamil,
    Though I have not used this functionality, can you check whether you can use this functionality for mass change?
    Upload and Download of Purchasing Documents
    http://help.sap.com/saphelp_srm70/helpdata/en/09/1f42188473402a890183fd1b7c6082/frameset.htm
    Using this function, you can download purchasing documents as a file to your PC, process them locally, and then upload the changed documents to the SAP Supplier Relationship Management (SAP SRM) system. You can download the following purchasing documents :
    Features:
    The upload/download supports the following functions and possible uses:
    - Cross-Document File Structure
    You can display and process the data in a standard tabular file structure for the documents named above. The file structure assigns a unique technical ID to each data field in a metadata area.
    - Process Document Data Offline and Retain
    You can change or delete existing data, add new data, and transfer all document data, for example, customer fields.
    - Process Large Documents
    This function simplifies the creation of documents with numerous items, and simplifies mass changes to large documents; for example, you can download a document with only one item, and add multiple items to it offline.
    Background processing occurs in the case of very large documents.
    Regards,
    Sandeep

  • IS THERE ANY SIMPLE WAY TO RETURN SPEED PERFORMANCE TO FACTORY SPEED AFTER ABOUT 3 YEARS OF RELATIVELY STANDARD USE?

    Everyone is often so quick to bash all these 'cleaning' utilities but rarely give any solutions.
    There's a lot of critiques and endless lists of what NOT to do to avoid performance problems.
    My Powerbook is 3 years old. It runs like molasses... SLOW.
    I'm not a computer geek, but I'm smart and understand quite a bit more than a newbie.
    Do I need a degree in computer engineering to fix/speed up my mac?
    Yes, I know, the cleaning utilities suck. But is it really true of all of them?
    I'm not totally convinced because there seems to be such a huge market for them.
    Sure, there's a huge market for bottled water too, so maybe they are just useless/marketing crap, but I really want to return to my original speed performance quickly and can't seem to find out if it's possible with a utility.
    I'm not willing to sit down for 3 hours and study line by line b.s. about how to fix it.
    I have no problem if it's not fixable. I've always assumed operating systems outgrow their hardware's capacity to keep up, and sell my old one for a new one, no prob.
    I don't care, really, but again, I'm curious if there is any quick, easy, user-friendly utility or method that I can use to return the speed performance I had as recently as a year ago? (I'd be satisfied with that).
    Anyone willing to bite on that? Anyone willing to not critique, complain, tell me what NOT to do and actually know a solution?
    IS THERE ANY SIMPLE WAY TO RETURN SPEED PERFORMANCE BACK TO (OR CLOSE TO) ORIGINAL FACTORY SPEED AFTER ABOUT 3 YEARS OF RELATIVELY STANDARD USE?
    The only thing I may have done outside of the norm was some video editing, but very little.

    Look for solutions here:
    https://discussions.apple.com/docs/DOC-3521
    https://discussions.apple.com/docs/DOC-3353
    Ciao.

  • Is there any simple way to create ods files (OpenOffice Calc)?

    Is there any simple way to create ods files (OpenOffice Calc) using ResultSet (from java.sql)?

    Mabe, you can create CVS files (plain text) Ej...
    ====test.cvs=====
    1, "aaa"
    2, "bbb"
    3, "ccc"
    ===============
    Using a "BufferedWriter"

  • Is  any SIMPLE way to legally publish an original music piece to get it into the iTunes store as public domain use just for start up purposes? Any better ideas ? I write contemporary (mostly) dance pieces...any thoughts?

    Is  any SIMPLE way to legally publish an original music piece to get it into the iTunes store as public domain use just for start up purposes? Any better ideas ? I write contemporary (mostly) dance pieces...any thoughts?

    https://itunesconnect.apple.com/WebObjects/iTunesConnect.woa/wa/apply

  • I just downloaded AOL Desktop 1.7 for Mac and I can't get my email to work. It welcomes me but I know I have new email but it doesn't recognize that I have ANY mail at all. HELPPPPPPPP Please

    i just downloaded AOL Desktop 1.7 for Mac and I can't get my email to work. It welcomes me but I know I have new email but it doesn't recognize that I have ANY mail at all. HELPPPPPPPP Please

    Hey I've been all over and can't get any help. I'm well aware its not an Apple product but its an app for Mac OS so I thought I'd try here. I bought 2 new iMacs yesterday for my parents (5K) and I'm just trying to get them some help as there in their 70's and AOL is all they know.
    But hey thanks for your help,

  • I bought a used iPhone on ebay.  when I try to activate it, I get a message that the owner needs to sign in to the device with their appleID and password.  I have no way of knowing who the owner is.  How can I get around this?

    I bought a used iPhone on ebay.  when I try to activate it, I get a message that the owner needs to sign in to the device with their appleID and password.  I have no way of knowing who the owner is.  How can I get around this?

    Check the eBay listing. Did it state the device was Activation Locked? If not, then make a claim as Meg stated and get a refund. You will not be able to activate the phone and no one can help you contact the owner, unless that is the person that sold the device. If they cannot remove the phone from their account because it is not theirs, then refund is your route. Even Apple cannot assist with locating the previous owner.

  • HT1338 How can I get my photo to work again? the app will not open on my desk top any more. I can not dave my photo on my desk top

    How can I get my photo to work again? the app will not open on my desk top any more. I can not dave my photo on my desk top

    Hello, Cubby21. 
    Thank you for using Apple Support Communities.
    Here are the best resources for troubleshooting issues with Message.
    iOS: Troubleshooting FaceTime and iMessage activation
    http://support.apple.com/kb/ts4268
    iOS: Troubleshooting Messages
    http://support.apple.com/kb/TS2755
    Cheers,
    Jason H.

  • I have purchased tv shows on my I pad in I tunes yet they don't show on my iPad anywhere!i have tried syncing to my pc and they show and can be viewed in there.how can I get them to show on my iPad?i have turned on home sharing as well!

    I have purchased tv shows on my I pad in I tunes yet they don't show on my iPad anywhere!i have tried syncing to my pc and they show and can be viewed in there.how can I get them to show on my iPad?i have turned on home sharing as well!

    Where are you looking on your iPad for the shows?  In iTunes?  If so, look under Videos.

  • My screen opened, and with every click the page (letters/images) got bigger. I can not get it to return to normal image size. I have to use the slide bar to read across the page. What do i do to correct it back to normal size???

    Question
    My screen opened, and with every click the page (letters/images) got bigger. I can not get it to return to normal image size. I have to use the slide bar to read across the page. What do i do to correct it back to normal size???

    Hi jholzworth,
    It sounds like you might have accidentally hit the zoom button. Try hitting ''CTRL + 0'' to return it to normal size. Just so you are aware, ''CTRL'' and ''+'' will zoom in and ''CTRL'' and ''-'' will zoom out.
    Hopefully this helps!

  • Saved a few images to Dashboard. How can I get them out of there and save them to a file? Thanks

    Saved a few images to Dashboard. How can I get them out of there and saved to a file? Thanks

    I'm sorry, I'm lost & don't even know what to ask.
    Oh wait, open Dashboard in Applications, do the Pics show there?
    http://techland.time.com/2013/01/22/the-slow-but-almost-certain-demise-of-apples -os-x-dashboard/

  • HT3867 can not get my wifi to work in any other location than my home. How dow I get it to work in other locations?

    can not get my wifi to work in any other location than my home. How dow I get it to work in other locations?

    What happens at those other locations? Error messages?
    Do other devices connect to those other locations?
    What kind of networks are they?

  • HT4623 I can't get my camera to work, or my Photo Booth. Any sugestion

    I can't get my camera to work,or my Photo Booth.  Any sugestion

    Close all apps on your iPad and reset the device.
    To close an app, drag the app up from the multitasking display. Double tap the home button and you will see apps lined up going left to right across the screen. Swipe to get to the app that you want to close and then swipe "up" on the app preview thumbnail to close it.
    Reset the iPad by holding down on the sleep and home buttons at the same time for about 10-15 seconds until the Apple Logo appears - ignore the red slider if it appears on the screen - let go of the buttons. Let the iPad start up.

  • Any other way to display the images in jsp

    Dear All,
    I had a program in get the image in database and display the image in jsp file.
    Generally we are using
    setContenttype(image) and write the binary values in jsp file,
    is there any other way to store the jpeg file in speciefied folder and view the jsp file

    Is there any other way to play the shuffle in a car if it doesn't have an aux facility???
    There is not.
    Or I wondered if you could play it through a smart tv...or do you need an apple tv box???
    Not with the Apple TV, but if the Smart TV has an AUX port, you can connect it that way.
    B-rock

Maybe you are looking for

  • Software requirements

    Hello, We wish to convert our existing HR processes into enterprise services and create process transperancy by modeling the process in BPM. Finally, create the dashboard in visual composer using the enterprise services. This is our vision. I believe

  • Would Shared Mailbox be the best fit?

    I want to create some mailboxes I can use where I will forward all the mail to an individual to monitor the inbox, I like the idea of shared mailbox from a security standpoint because the email address will be used to login to a website outside out d

  • Fuji IS Pro P\profile question...

    I use LR3 and have a Fuji IS Pro and shoot raw. For those that don't know the IS Pro is basically a Fuji S5 Pro setup for forensic work. It has slightly customized firmware and the hot mirror has been replaced with optical glass to make it a full spe

  • Leaking memory in AIR/HTML

    Dear Adobe, we need a little help fighting memory leaks in AIR 3/HTML application. Are there any tools or techniques you can recommend for this? We have AIR app developed in HTML+JS, and the amount of memory consumed grows from 30Mb on startup to 90M

  • Log management in controler 2504

    HI One of my end customer is looking log report where as he can come to know how many user is connected to a particular SSID and what application is being used on the particular SSID. Does WLC 2504 support log information management or does the custo