Photo Gallery Lightbox Navigation not working

Hi,
The previous, next, and close buttons don't seem to be working for some of the photos on this page: http://vanessastone.namastecms.com/media/photos/community for the photo gallery lightbox.  The issue only appears to be happening in Chrome and Safari.  Firefox is working fine.  I looked around in Chrome's Developer tools but didn't find any hints as to why that might be happening.  Any help is greatly appreciated!
Thanks,
Jeff

Sorry InteractiveGuru, it looks like I posted on the wrong thread. The reason the buttons aren't working is because of your CSS regarding your left, right and close buttons are not suitable. You'll want to either revisit your CSS, or revisit how the buttons are formatted (e.g the three <a>'s).

Similar Messages

  • Creating a simple photo gallery.. buttons not working.

    Im trying to create a photo gallery that when you click on the thumbnail image you get a blown up image on the screen. The user will then hit the little "x" button to return to the thumbnail page.
    I have attached pictures of what they look like. My issues is that when the user clicks on the little "x" nothing happens on images 2-5. It works fine on image 1. I have fiddled with the code, creating different buttons, using the same button both with different instance names and with different. Still does not work. I do not get any error messages during test either. Im at a loss. Please help!
    Here is the code as it stands: (ActionScript 3.0 using Flash CC)
    function go_back1(event:MouseEvent):void {
      gotoAndStop(1)
    close1.addEventListener(MouseEvent.CLICK, go_back1);
    close2.addEventListener(MouseEvent.CLICK, go_back1);
    close3.addEventListener(MouseEvent.CLICK, go_back1);
    close4.addEventListener(MouseEvent.CLICK, go_back1);
    close5.addEventListener(MouseEvent.CLICK, go_back1);
    close6.addEventListener(MouseEvent.CLICK, go_back1);

    I think the problem lies in skipping the frame where the button gets the listener assigned to it.  If you are at frame 1 and then jump frame 5 or beyond you skip the code that would be assigned in frame 4.
    Try the following.  Have the close button start from frame 1, but in frame 1 make it invisible.  Also move the listener code and event handler function there as well
              close1.visible = false;
              function go_back1(event:MouseEvent):void {
                gotoAndStop(1)
              close1.addEventListener(MouseEvent.CLICK, go_back1);
    Then in whatever function(s) you have for going to one of the large picture frames include the line to make close1 visible.
            close1.visible = true;

  • Pie chart with two measures and date dimension navigation not working

    Hi Experts,
    Pie chart with two measures and date dimension navigation not working. Any help is appreciated.
    Thanks
    V

    Hi Deepak,
    I had time dimension in the RPD.
    I have stacked bar chart with same time dim like year & month in the report. when I go to legand and set navigation it is working fine. But not with pie chart.
    I am not not sure what is the problem. When I click on Pie chart it is not navigating to the target report. Can it be any other issues..???

  • Resize photos option in Preview not working

    I use Preview to resize my photos depending on where I'm posting or sending to. Since I've downloaded Yosemite I will resize photo  and it's not working. I have my photos in iCloud drive & am working between an iMac and a iMac Pro. I'm trying to resize to send out to  have printed vs. at home printing. This problem has only happened since upgrading to Yosemite. Any suggestions would be helpful.

    Resizing works fine here.
    Best practice is:
    Open image in Preview
    Tools > Adjust size;    enter the new values and click OK
    Press the option button then     File Save As give it a new name and save to desktop

  • Web Photo Gallery - Contact info not functional?

    When I build a web gallery, using the Flash Gallery (default) in the 'Template Browser', no matter what info I put in the 'Contact info' and 'Web or Mail link' boxes (under Site Info), it does not work.
    Example, under 'Contact info' I put the word 'Contact'....in the 'Web or Mail Link' I put 'mailto: [email protected] (I have not put my actual email here for purposes of this forum, and yes my email address is valid and will both send and receive in Outlook).
    So anyways, when I upload the new web gallery using Dreamweaver CS3, or if I just simply preview it using the 'Preview in Browser' button, well the word 'Contact' appears in the upper right corner of the web page (photo gallery - as it should since that is what I put as word in the 'Contact info' box, but yet when I click on the word 'Contact' it it does nothing. Actually when I click on the word 'Contact' the first time, there is a line that appears below (as if to identify a link). But as I say it does nothing, opens no email window, nada! Except for when I click on the word 'Contact' subsequently, there is no more line underneath as if the link had become inactive???
    I tried using another email address of mine, which is also shorter, but it does not work either....I also tried putting my main homepage address into the ''Web or Mail link' box and still nothing happens...it's as if the link is not functional...?
    Has anybody else experienced this? Am I doing something wrong? Is it maybe just a Flash Gallery bug? (Because I have not tried using other type galleries i.e Blue Sky)

    I have the exact same problem, step by step in Lightroom 2.4. I'm using Vista Ultimate SP2 and Internet Explorer 8.
    Have anyone found a solution to this problem or is it just the two of us?

  • Photo gallery buttons don't work on new Chrome, Safari

    Hi
    I just upgraded my Mac and the Photo Gallery module's Next, Previous and Close buttons do not work.
    see sample.
    http://stsstone.businesscatalyst.com/gallery-by-applications
    works fine on Firefox.
    Any clue?
    Thanks
    Micha

    Found a solution.
    If you find that the bottom links do not work properly it's because of the links floating to the right and nothing clears the float.
    add:
    #bottomNav { clear:both }
    fixed in Chrome and Safari
    Cheers
    Micha

  • Can't get photo gallery slide show to work

    Hello,
    If anyone could help, I'd appreciate it. This is for a
    non-profit I work for. After getting the gallery to work, I can't
    get the slide show to work.
    from my gallery.html:
    <title>Photo Gallery</title>
    <link href="../css/screen.css" rel="stylesheet"
    type="text/css" />
    <script type="text/javascript"
    src="includes/xpath.js"></script>
    <script type="text/javascript"
    src="includes/SpryData.js"></script>
    <script type="text/javascript"
    src="includes/SpryEffects.js"></script>
    <script type="text/javascript">
    var dsGallery = new Spry.Data.XMLDataSet ("photos.xml",
    "gallery/photos/photo");
    var dsData = new
    Spry.Data.XMLDataSet("photos.xml","gallery");
    </script>
    <script src="gallery.js" type="text/javascript">
    </script>
    <script src="SpryMenuBar.js" type="text/javascript">
    </script>
    <style type="text/css">
    #main (I'm not incl. details for these - to save space)
    #thumbContainer
    #controls
    #header
    </style>
    </head>
    <script type="text/javascript">
    </script>
    </head>
    <body>
    <div id="header" spry:region="dsData">
    <p>{sitename}<br />
    </div>
    <div id="thumbContainer" spry:region="dsGallery">
    <img src="thumbnails/{@thumbpath}"
    spry:repeat="dsGallery" class="thumbs"
    spry:setrow="dsGallery"/> </div>
    <div id="main" spry:detailregion="dsGallery">
    <img src="images/{@path}" class="images"/>
    </div>
    <div id="controls">
    <ul id="transport">
    <li><a href="#" onclick="StopSlideShow();
    AdvanceToNextImage(true);"
    title="Previous">Previous</a></li>
    <li class="pausebtn"><a href="#" onclick="if
    (gSlideShowOn) StopSlideShow(); else StartSlideShow();"
    title="Play/Pause" id="playLabel">Play</a></li>
    <li><a href="#" onclick="StopSlideShow();
    AdvanceToNextImage();" title="Next">Next</a></li>
    </ul>
    </div>
    <div id="thumbContainer" spry:region="dsPhotos
    dsGallery">
    <p class="ClearAll"></p>
    </div>
    </div>
    <p class="clear"></p>
    </div>
    </body>
    </html>
    Here's the gallery.js file: (didn't include the global vars -
    to save space)
    dsGallery.addObserver(function(nType, notifier, data) {
    if (nType == "onPreLoad")
    StopSlideShow();
    Spry.Data.Region.addObserver("thumbContainer",
    function(nType, notifier, data) {
    if (nType == "onPostUpdate")
    ShowCurrentImage();
    if (gAutoStartSlideShow)
    StartSlideShow(true);
    function SetMainImage(imgPath, width, height, tnID)
    var img = document.getElementById("mainImage");
    if (!img)
    return;
    CancelBehavior("mainImage");
    Spry.Utils.SelectionManager.clearSelection("thumbnailSelection");
    if (tnID)
    Spry.Utils.SelectionManager.select("thumbnailSelection",
    document.getElementById(tnID), "selectedThumbnail");
    if (gImageLoader)
    gImageLoader.onload = function() {};
    gImageLoader = null;
    gBehaviorsArray["mainImage"] = new Spry.Effect.Opacity(img,
    Spry.Effect.getOpacity(img), 0, { duration: 400,
    finish: function()
    gBehaviorsArray["mainImage"] = new
    Spry.Effect.Size(img.parentNode,
    Spry.Effect.getDimensions(img.parentNode), { width: width, height:
    height, units:"px"}, {duration: 400,
    finish: function()
    gImageLoader = new Image();
    gImageLoader.onload = function()
    img.src = gImageLoader.src;
    gImageLoader = null;
    gBehaviorsArray["mainImage"] = new Spry.Effect.Opacity(img,
    0, 1, { duration: 400,
    finish: function()
    gBehaviorsArray["mainImage"] = null;
    if (gSlideShowOn)
    SetSlideShowTimer();
    gBehaviorsArray["mainImage"].start();
    gImageLoader.src = imgPath;
    gBehaviorsArray["mainImage"].start();
    gBehaviorsArray["mainImage"].start();
    function CancelBehavior(id)
    if (gBehaviorsArray[id])
    gBehaviorsArray[id].cancel();
    gBehaviorsArray[id] = null;
    function SizeAndPosition(id, toX, toY, toWidth, toHeight,
    callback)
    CancelBehavior(id);
    var effectCluster = new Spry.Effect.Cluster( { finish:
    callback } );
    var ele = Spry.Effect.getElement(id);
    var moveEffect = new Spry.Effect.Move(ele,
    Spry.Effect.getPosition(ele), { x: toX, y: toY, units: "px" }, {
    duration: 400 });
    var sizeEffect = new Spry.Effect.Size(ele,
    Spry.Effect.getDimensions(ele), { width: toWidth, height: toHeight,
    units: "px" }, { duration: 400 });
    effectCluster.addParallelEffect(moveEffect);
    effectCluster.addParallelEffect(sizeEffect);
    gBehaviorsArray[id] = effectCluster;
    gBehaviorsArray[id].start();
    function GrowThumbnail(img, width, height)
    Spry.Utils.addClassName(img, "inFocus");
    img.style.zIndex = 150;
    var id = img.getAttribute("id");
    var twidth = Math.floor(width * .75);
    var theight = Math.floor(height * .75);
    var tx = (gThumbWidth - twidth) / 2;
    var ty = (gThumbHeight - theight) / 2;
    SizeAndPosition(id, tx, ty, twidth, theight,
    function(b){gBehaviorsArray[id] = null;});
    function ShrinkThumbnail(img)
    Spry.Utils.addClassName(img, "inFocus");
    img.style.zIndex = 1;
    var id = img.getAttribute("id");
    SizeAndPosition(id, 0, 0, gThumbWidth, gThumbHeight,
    function(b){gBehaviorsArray[id] = null;
    Spry.Utils.removeClassName(img, "inFocus");});
    function ShowCurrentImage()
    var curRow = dsGallery.getCurrentRow();
    SetMainImage(dsGallery.getCurrentRow()["@base"] + "images/"
    + curRow["@path"], curRow["@width"], curRow["@height"], "tn" +
    curRow["ds_RowID"]);
    function AdvanceToNextImage(moveBackwards)
    var rows = dsGallery.getData();
    var curRow = dsGallery.getCurrentRow();
    if (rows.length < 1)
    return;
    for (var i = 0; i < rows.length; i++)
    if (rows
    == curRow)
    if (moveBackwards)
    --i;
    else
    ++i;
    break;
    curRow = rows;
    dsGallery.setCurrentRow(curRow["ds_RowID"]);
    ShowCurrentImage();
    function SetSlideShowTimer()
    function KillSlideShowTimer()
    function StartSlideShow(skipTimer)
    gSlideShowOn = true;
    if (!skipTimer)
    SetSlideShowTimer();
    var playLabel = document.getElementById("playLabel");
    if (playLabel)
    playLabel.firstChild.data = "Pause";
    function StopSlideShow()
    gSlideShowOn = false;
    KillSlideShowTimer();
    var playLabel = document.getElementById("playLabel");
    if (playLabel)
    playLabel.firstChild.data = "Play";
    function HandleThumbnailClick(id)
    StopSlideShow();
    dsGallery.setCurrentRow(id);
    ShowCurrentImage();
    Thank you.

    Hi,
    I will gladly help you with your problem but please give me a
    link to your gallery wither as a private message or by email
    ([email protected]). The files here pasted are incorrect, look to
    the SetSlideShowTimer() or the StartSlideShow() functions above
    that are incomplete. Not mentioning that the CSS are really make
    the difference.
    It will take me more time to try to reconstruct your
    structure, not having all the files you reference and probably not
    being able to duplicate your problem because the deployment
    failure.
    Cristian

  • Web Gallery, previous/ next not working consistently

    First time I've seen this:    next and previously are not working good. Some work in the gallery, some don't.
    Reboot Firefox, some different ones work, some dont. It's worrisome. I'm sending this to people- any tips?

    .Mac email can be set up two different ways on the iPhone. For "Send to Web Gallery" button to appear when clicking on the action button while viewing a photo, you must have your .Mac email set up as IMAP. This is the default setup for a .Mac email account.
    If you take the time to manually set up your .Mac email as POP, then you will not have the "Send to Web Gallery" option and you will be unable to successfully email into your web gallery even if all else is set up correctly.
    To check to see how you have .Mac email set up on your iPhone, go to the Home Screen, tap Settings, tap Mail, tap your .Mac account name, tap Advanced, move down on the page, and make sure you see "IMAP Path Prefix" setting (it can be blank and does not need to be changed). If the "IMAP Path Prefix" is there, then you do indeed have your .Mac email set up as IMAP on your iPhone.
    If you do have it set up as a POP account, you can delete that mail account by selecting the red Delete Account button when viewing your email account as listed in Settings.
    To add your .Mac email account as an IMAP account, from the Home Screen, tap Settings, tap Mail, tap Add Account..., tap .Mac, and fill out the fields with your information, tap Save and it will verify access to your .Mac email account.

  • Voice navigation not working on iOS 6 maps 4S

    Voice navigation is not working, no voice
    Coming out of maps  on iPhone 4S maps on iOS 6/6.0.1
    I have tried everything . Help needed!

    Sure it's availble in the country you're trying to use such? Read here:
    http://www.apple.com/ios/feature-availability/

  • I downloaded today 09.19.2013 iOS 7 on my iphone 4 and iPad retina. Unfortunately on the camera app the switch from photo to video does not work neither on iphone nor on ipad. Is it a "youth" bug ?

    I downloaded ios 7 today 09.19.2013 on my iphone 4 and ipad retina 3hrd generation 64g . The switch from photo to video on the camera app does not work neither on iphone nor on ipad. Is it a "youth"bug ?

    Did you try swipe up and down to change?

  • Navigation not working in Weblogic Server but working from JDeveloper.

    Hi
    I created a simple application with some page navigations (some declarative and some dynamic using Managed Bean).
    The navigation works fine when I run from JDeveloper. (Local System)
    So I deployed the application to the WebLogic server (Local system with a domain configured with ADF.)
    The pages are getting rendered correctly, bu on button clicks, the navigation is not happening from any of the pages.
    Could I have missed something or is there a way to track what the problem might be?
    JDev : 11.1.1.3
    Web Logic Server : 11gR1 (1.3) which comes with JDeveloper
    Thanks for any help.
    Sameer

    Hi John
    I am not using task flows. I just have some jspx pages defined in the unbounded task flow adfc-config.xml connected with navigation.
    I run from JDEveloper by right clicking on the jspx files.
    The URL when run from jdeveloper is as follows.
    http://127.0.0.1:7101/SessionsPOC-ViewController-context-root/faces/MainPage
    From Weblogic server I am using the link given in the Testing tab of the weblogic administration console.
    The URL is as follows.
    http://10.9.73.103:7001/SessionsPOC-ViewController-context-root (default)
    http://10.9.73.103:7001/SessionsPOC-ViewController-context-root/MainPage.jspx
    Actually, the URL given in the weblogic testing tab is not runnable. I am changing the link as follows to be able to run it.
    http://10.9.73.103:7001/SessionsPOC-ViewController-context-root/faces/MainPage.jspx
    I have defined the MainPage.jspx in the web.xml 's Welcome page. But it is not taking it I guess.
    Also, I am able to run the other page by giving the following url. But the navigation buttons are not working in that page also.
    http://10.9.73.103:7001/SessionsPOC-ViewController-context-root/faces/SecondPage.jspx
    Thanks
    Sameer

  • Photo Gallery Images Do Not Display When Uploaded

    I have made a photo gallery in Bidge, and locally, it looks fine. WHen I upload the folder to the remote server, none of the images will display.
    Everything is contained in the gallery folder, and I uploaded that folder. The web pages are displayed, but the images will not.
    On the image below, the list of local files are on the right, and the remote files are on the left.
    Please tell me what I've missed. Thanks.

    Is your photo gallery from a Collection?  Don't think those can be shared as they are  just alisis and not the image.

  • Sd photo import camera kit not working with iOS 8

    I bought an Apple brand sd card photo import camera kit for the iPhone 5 (lightning cable) a couple years ago. It no longer works with iOS 8.x. I now have an iPhone 6 Plus and it still does not work. I get the error "This accessory is not supported by this iPhone." Since it is Apple brand it should work.
    I have googled and searched the forums and found no leads on this. I was hoping with the latest 8.3 release it would be addressed. Does anyone know how to get this to work or is it an apple bug?

    One article that might be helpful is here (suggesting you need HUB if it's drawing too much power):
    http://support.apple.com/kb/HT4106
    @ rotorcraft:
    It has to have a DCIM folder, but the directory after the DCIM folder, and the files themselves, have to follow DCF rules (http://en.wikipedia.org/wiki/Designrule_for_Camera_Filesystem)..if it's the structure created by the camera it should be fine but if you change the folder to something other than DSC_xxxx and you change the image filename to something other than ABCD1234.whatever then it won't show up.
    You can double check if the kit is being recognized at all in Settings -> About, then scroll to the bottom, it should say like Apple Card reader or something I forget. If it isn't, I would just reboot

  • Photo Edit in CS4 not working

    Hello,
    THE SETUP
    I have LR 3.3 and PS CS 4 Version 11.0.2 on a Mac running OS X.6.7.
    My "About Lightroom" screen reports the presence of Camera Raw 6.3.
    In my LR preferences under "External Editing" tab, I have the option to "Edit in Adobe Photoshop CS4" as PSD / sRGB / 16 bit / rez 300. There is no "Additional External Editor" present.
    I have installed in Library/Application Support/Adobe/Plug-Ins/CS4/File Formats the Camera Raw Plug-in version 5.7. When I choose Photoshop>About Plugin>Camera Raw I see that CR version 5.7.0.213 is present.
    THE PROBLEM
    When I select photo(s) [CR2 file(s)] in LR3 and choose Photo>Edit in> none of the external edit-in-Photoshop options work. First, I get a message saying "This version of Lightroom may require the Photoshop Camera Raw plug-in version 6.3 for full compatibility."
    I resent this suggestion, since that version of Camera Raw only works with CS5.
    When I click "Open Anyway," PS opens and loads, but that's it. None of the images from LR appear.
    I get the same (non)-results with all of the options (edit in CS4, HDR, panorama, smart object, etc.) under "Photo>Edit In." Photoshop launches, but no image appears.
    The only way I can get a photo to open in PS from within LR is to choose Photo>Edit in>Edit in Adobe Photoshop CS4, and then when the warning dialog comes up about the Camera Raw plug-in version, click "Render in Lightroom." When I do that, LR renders the image and it opens in CS4. But that doesn't help me do what I really want to do, which is to select bracketed exposures in LR, merge them to HDR in CS4, and save them back to LR.
    I have searched for help on this and come up dry. I did find this http://www.lightroomforums.net/showthread.php?9974-Open-as-layers-in-Photoshop-command-not -working, but I reinstalled the CR 5.7 plug-in as described and saw no change.
    Any suggestions appreciated. Thanks in advance.
    Message was edited by: GeorgTrakl

    Lr 3.3 and CS4 are not fully compatible so your experience is the result of that.
    You will have to bite the bullet and upgrade to CS5 if you dont want to "Render in LR".
    I've worked for quite a while with LR 3 and CS3 and experienced similar problems - the only way out is that you select "Render in LR".
    It's not such a big deal. When you select "Render in LR", Lr creates the psd that then opens in CS4.
    With CS5 it works this way: The RAW file opens in CS5 but when you save in CS5 a psd is generated.
    WW

  • Filter and navigation not working properly

    Hi Gurus,
    I have two reports - report1(source) and report2(target) report.
    In report1, it shows two columns - Market_ID, Amount_sold
    In report2, it shows two columns - Market_ID, Reasons(where Market_ID is made prompted)
    In report1, I have made the Value Interaction as 'Navigate' and the target as 'path of report2' in Column properties ->Column Format
    But, when I click on Market_ID(report1), it is NOT showing the details of that particulat Market_ID(report2).
    It is showing the details of whole Market_ID in report2. That means, the filter is not working properly.
    Is there any method in which the report2 shows the details of particular Market_ID which is selected from report1(market_ID)?
    Best Regards,
    J

    yes you can,
    in your source add a master_name column and in that make the navigation.
    in the master_id column go to column format and style options and check the Use Custom CSS style option and type,
    display: none
    now in your source the master_id column will get hidden. in your target make the master_id prompted.
    now click on the master_name in your source, your target will get filtered by the corresponding msater_id
    thanks,
    Karthick
    Edited by: kart on Jun 7, 2010 11:52 AM

Maybe you are looking for

  • OS AUTHENTICATION on Windows 2000 Server

    Hello, Can anyone tell me the best way to create a user that is OS authenticated? How and where to configure the server, database? How should Database server and Client be installed as domain user or Local PC administrator? I have tried everything un

  • Writing to the Siebel File System (on a UNIX box) using eScript

    Hello All, I am trying to extract data from the Siebel database using a Business Services written in eScript, write the data to a flat file, and place that file in the Siebel File System. The Siebel File System is on an AIX box. Does anyone know the

  • Xa connection refresh error

    I am using wls 6.1 sp2 with many patches. I have configured the connection pool for XA with oracle jdbc 2.0 drivers ( OCI). When the connection pool is configured, The connections are created but every so frequently wls tries to refresh the connectio

  • Read Loud a pdf file

    How to select MS Server Speech Text to Speech Voice?

  • RHEL 4, 10g and OCFS2 Installation Error

    Hello, I am working on the a Oracle RAC installation and I am getting an strange error while installing OCFS2. The error I am getting occurs while performing a mkfs.ocfs2 (See details below). This is the command and error I am getting: Command: # mkf