How to hide the image displays for lightbox

With the help of DW, I have a screen of lightbox.  Here is the page:

Example page

As you will see, if you click on the photo, it opens on a viewer.  My colleague wants to have 10 pictures to open in the light therapy device, but they don't want all these photos to have thumbnails on the page.  In other words, they want a single photo, you click on it and then see all 10 in the lightbox.

If I put all the code img for all 10 images on the page then all 10 images will be also visible on the page.  So I need to somehow 'hide' the images so that the small version of the photos do not appear on the page but will be displayed in the lightbox.

Sorry if that sounds confusing and I hope someone can help.  Thank you.

Deaf Mike wrote:

I've never seen either as it already existed on the site, and I discovered it actually just.

Here's another example

When you get to the above, click on the turtle and you see how many photos are in the lightbox.  Then close the light box and scroll down and click on those + symbols.  See the other images in the other sections?  Somehow the code takes these pictures in the album too.

I want to do the same thing, but the key is there is no + symbols on the page - just picture a turtle and when you click on the turtle, all other photos appear in the box to light.  Another thing I think to do is to have picture of a turtle and then 10 1 pixel by invisible image of 1 pixel down at the bottom of the page and then have 10 of them, and then the ref h for each are the larger photos - in this way, when you click on the turtle, the code will pull large pictures of the 1 X 1 in the light box.

Well it would be pretty easy to do as 'By' suggested in the previous post and hide "thumbnails" you do not want on the page:

Create a rule in your css - something like:

.hide_thumbs {display: none ;}}

So in general a set of images of the light box might look like the code below. (when you click them they open in a lightbox and this lightbox usually has an option to display the other pictures in this particular Gallery by clicking through them, rather than by clicking on them individually).

turtle

whale

Dolphin

Tunna

If you add a class = "hide_thumbs" ones you don't want to show get the display: none; property, BUT they must remain available in the lightbox click through.

turtle

Whale

Dolphin

Tuna

Tags: Dreamweaver

Similar Questions

  • How to check the image source for the image which is losted?

    Hello world

    How to check the image source for the image which is losted?

    If the image source already exists, I can read the PlaceItem.file.fsName.

    But if remove the image of the source, read the PlaceItem.file.fsName will report the error: there is no file associated with this element

    Thank you

    If (app.documents.length > 0) {}

    var sourceDoc = app.activeDocument;

    sourceName = sourceDoc.name var;

    artItem =]

    for (i = 0; i < sourceDoc.pageItems.length; i ++) {}

    artItem [i] = sourceDoc.pageItems [i];

    If (.) TypeName artItem [i] == 'PlacedItem') {}

    If (.imageColorSpace [i] artItem == undefined) {}

    Alert ("the file is the link, but I don't know whether or not the source image is losted");

    }

    }

    }

    }

    Use try/catch to catch the error

    if (app.documents.length > 0) {
        var sourceDoc = app.activeDocument;
        var sourceName = sourceDoc.name;
        artItem = []
        for (i = 0; i < sourceDoc.pageItems.length; i++) {
            artItem[i] = sourceDoc.pageItems[i];
            if (artItem[i].typename == 'PlacedItem') {
                if (artItem[i].imageColorSpace == undefined) {
                    try {
                        var fname = artItem[i].file.name;
                        alert("file name: " + fname);
                    }
                    catch (e) {
                        alert("The file is linking ,but source image is lost");
                    }
                }
            }
        }
    }
    
  • How to hide the images used in imovie 10.1.2?

    I am a new user of iMovie and use the latest version. How to hide the photos that I already added to the film? Moreover, that mean the purple and orange lines on the photos? Thank you!

    You can not hide, but the orange lines at the bottom of the clips in the media pane show what parts of clips have been used in the scenario, if you can easily avoid reuse them if that's what you want to do.  The purple lines at the top of some parts of some clips show moved excessive (which cannot be stabilized).

    Geoff.

  • [ADF, JDev12.1.3] How to change the image displayed in a page based on a parameter in the URL?

    Hallo,

    the index of my application page is called by the URL that ends with .../MyApplication/faces/index

    I want to add a parameter in the URL so that the picture in the page change based on this setting.

    The param doesn't have to be the name of the image file to display, but only a code.

    For example

    ? param = 1-> pathX/imageA.jpg

    ? param = 2-> pathY/imageB.jpg

    ? param = 3-> pathZ/imageC.jpg

    ...

    You could you kindly help me in this?

    Thank you

    Federico

    So if you have something like: .../MyApplication/faces/index?someParam=1

    You can use:

    Or you can link to custom as servlet: and then decode parameter and the return of this servlet image.

    Dario

  • In Windows 7, how "to hide the letters highlighted for the keyboard navigation until I press the Alt key" (as in XP)?

    My underlined letters are all the time in menus and dialog boxes, and I want to disable them.

    The first thing I did was go to control panel, accessibility, making the keyboard easy to use, to turn off underline keyboard shortcuts and access keys - but it is already off.

    So how do you disable these underscores in Windows 7?

    Hello Dmbyrnes,

    I understand that you may be eager to hide the menu bar.  Attached, are steps that can be beneficial in addressing you request...

    (1) first Rt click on the bottom of the menu and uncheck lock the toolbars. Then click on organize > layout > menu bar make sure is unaudited.

    From there you should be able to hit the Alt key and the Bar Menu to repopulate.  If you please you would follow with me at your convenience, I would be very happy.

    Thank you

    Aaron
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think

  • SQLdeveloper export to Excel - how to hide the SQL worksheet for data export

    Export to Excel - how to hide SQL worksheet for data export?

    Hello

    SQL Developer forum is here: SQL Developer

    Frank

  • How to hide the 'privacy statement' for all pages

    Hi all

    I have a requirement to hide the "Confidentiality" comes at the bottom right of the
    page for all pages, I know they hide through the controller extension, but I want to avoid
    to extend the controller for each page, is their any other way to hide this privacy statement

    any suggestions would be very welcomed.

    thanx

    Pratap

    Hello

    1. connect to SSHRC.
    2. Select Customize Page link at the top right of the page.
    3. Select the context button choose.
    4. in the field drop-down list select foot of OA.
    5. click on apply.
    6 extend the protection of personal information.
    7. click on customize pencil icon.
    8. set the property Rendered false at the required level.
    9. click on apply.
    10. click on back to the app link.

    I hope this helps.

    See you soon,.
    Prasanna

  • Mac pro with monitor Dell P2414H book: how to rotate the image displayed in mode portrait when I rotate the monitor 90 degrees

    I have a mac book pro retina bought in 2014 which I use with a Dell P2414H monitor.

    I bought this monitor because it can turn up to the vertical position ('portrait'), but when I do that the image of the screen does not turn with it.

    I called Dell and they said that it is a problem to solve with Apple.

    Does anyone else have this problem? and it got fixed?

    This is the Office Mac Pro forum. I asked that your post be moved to the MacBook Pro laptop forum.

  • How can I manually change the images used for the new tab Page?

    I turned off so the images are not cached for the new tab Page history and be reloaded Firefox is restarted. In addition, some of the sites I've pinned use HTTPS and do not allow their images to be cached.

    Is it possible for me to put a custom image for each pinned site? A custom screenshot that is not in the cache or an icon to be any? Anything would be better than a box empty here.

    Thank you

    You can use the following extension to customize the image displayed for the tiles pinned, among other things.

  • How can I configure that clicking on a link to a jpg with MIME Type JPEG Image simply causes the image displayed in FF?

    When I click on the link for http://www.vienna.at/resource.aspx/ResourceID/news-20080805-01032166-image (found in the http://forum.openstreetmap.org/viewtopic.php?id=1777), I get the dialog box "That FF should do with this file," where I can choose to open a new FF or save the file, but are unable to make the image displayed just like the other links to other images.
    I don't know where is the difference to regular image links.

    Look to open them in the browser: https://addons.mozilla.org/firefox/addon/8207

  • How do I remove or hide the images

    How can we remove or hide the image

    wherever you add the field... u can call the delete (field) method to remove it.

  • Show/hide elements - how to hide an image when you click on another

    I have a page of the library of photo with 10 pictures on it. I organized it where there is a large image on the left side of the page and 10 thumbnails of turning on the right. I put larger images in separate AP div tags hidden. I want the big picture is displayed when the user clicks on the corresponding thumbnail. This works well, but how to make the image of 'hide' when the user clicks on a different thumbnail.

    Can you help me?

    Here is my code:

    < div id = 'eau1"style =" position: absolute; " Left: 20px; top: 50px; Width: 630px; height: 491px; z-index: 100; visibility: hidden; "" "> < img src ="... / media/images/water/water1.jpg "width ="650"height ="500"alt ="eau1"> < / div >
    < div id = "water2" style = "position: absolute;" Left: 20px; top: 50px; Width: 630px; height: 491px; z index: 103; visibility: hidden; "" "> < img src ="... / media/images/water/water2.jpg "width ="650"height ="500"alt ="water2"> < / div >
    < table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
    < b >
    < td width = "20" height = "20" > < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < td width = "20" > < table >
    < /tr >
    < b >
    < height td = "20" > < table >
    < height td = '30' class = "copy18grey" > water Applications < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td width = "650" height = "500" rowspan = "5" valign = "top" > < img src = "... / media/images/water/water1.jpg" width = "650" height = "500" alt = 'eau1' > < table >
    "" < td = '100' height > < a href = "#" onMouseOver = "MM_swapImage ('Image12 '", '... / media/images/water/water1_thmb_over.jpg',1) "Mm_swapimgrestore" > < img src = "... / media/images/water/water1_thmb.jpg" name = 'Image12' width = "160" height = "100" border = "0" onClick = "MM_showHideLayers ('eau1',", 'show') ' onDblClick = "MM_showHideLayers ('eau1',", 'hide') "" > < /a > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < a href = "#" onMouseOver = "MM_swapImage ('Image13 '", '... / media/images/water/water2_thmb_over.jpg',1) "Mm_swapimgrestore" > < img src = "... / media/images/water/water2_thmb.jpg" name = "Image13" width = "160" height = "100" border = "0" onClick = "MM_showHideLayers ('water2',", 'show') ' onDblClick = "MM_showHideLayers ('water2',", 'hide') "" > < /a > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < /tr >
    < /table >

    Show/hide behavior is not just for a single element.  With a single application of the behavior, you can display an image and 24 other people hide.  The trick is to keep by selecting the named items and their visibility, that is, to select "img1" and click display, then select "img2" and click Hide, etc.

  • How to debug the image won't load does not intermittently exclusively on Firefox?

    The image (GIF67) is to be generated and sent through binary stream from the server (using the secure connection), Explorer and Chrome still display the image, Firefox intermittently fails to load without separate ground of success-failure.

    I checked that it is a matter of Firefox, by analyzing the tcp packets and confirmed that the response from the server still the same bytes either on the success that the scenario of the failure of level.

    How could configure Firefox to log the process of rendering the requested image?

    Action taken:

    -Tested with versions of Firefox from 10 to 28, fails
    -Tested with Chrome and IE, image still renders correctly
    -Follow-up:
    https://support.Mozilla.org/en-us/KB/Firefox-cant-load-websites-other-browsers-can?ESAB=a & As = AAQ
    https://support.Mozilla.org/en-us/KB/fix-problems-images-not-show?ESAB=a & As = AAQ
    -Updated the Chrome and IE require headers to imitate demand of Firefox, image renders correctly
    -Updated the headers to mimic Firefox asks chrome, fails
    -Packet tcp analyzed, answer is the same for failure and success restore
    -Reconstruct the image correctly retrieving the tcp packets of the application for a successful rendering, as well as for a bad record.

    Sometimes, it is possible to make 50 applications and see the image correctly, some other times you could do 50 applications and not see the image displayed, but above all it is possible to load the image 20 times and have 1 fail.

    Thanks in advance!

    The mime type was wrong: "Image/png".

    I currently have shame because it was the second thing to check on my list and in some way I missed it.

    I faked a stressed server by creating a Web Service to send the image via streaming and the thread to sleep after the rinse a small amount of data, I was able to reproduce the problem (Chrome and explore renders fine image and fails in Firefox) and I could also see fixed it by setting the right mimetype (don't you?).

    This surely isn't a bug, but I find it interesting that Chrome and Explorer are both able to accept that the data and show the Gif so that Firefox gives up on the stream if it takes a few milliseconds after receiving a package and mimic the gif type is not correctly set.

    I thank very you much for the people who have helped me through.

    PD: Anyone knows the real reason for Firefox to get this behavior differently than Chrome/Explorer at the level of the stream/encoder?

  • How to change the default display

    all my pictures are using to open since the upgrade to windows 10 11 items; I want to open them with lightroom 6.  How to make the change? Thank you.

    You can change the default display for images of items in the Windows Photo Viewer using the instructions in this article

    How to change default image viewer in Windows

    and if the images are displayed as missing in Lightroom, you must reinstall them.

    See this article for moving: https://helpx.adobe.com/lightroom/help/locate-missing-photos.html

  • Show/hide the image with audio (audio does not if necessary)

    Then, I ran some tests to see what was going on so I could better explain my problem.

    I have a slide with a picture that has four clickable areas. First of all, the student listen tell me for a few seconds and then is invited to click on the image areas that are highlighted.

    When the user clicks on one of the fields, an image appears and I taped audio on this 'object '. Note: I didn't use the slidelets substitution as the clickable area is hidden by the new image when the image appears on a click. The user will press a close button that is on the image, set with another clickable button to hide the image then select another pop up box. (See image below... you can see the image of forklift under the transparent image gray... This is where the user clicks the highlighted area).

    Capture.PNG

    I tried two ways:

    having the image plays on the whole timeline from beginning to end of blade (be hidden with the show/hide button function)... when I do it, the sound will not play at all (I'm guessing that this is because the audio went silently on the first few seconds of being on the screen, so by the time the student clicked the button finished audio).

    and

    Drag the beginning of the image to close the timeline when the user is asked to click on areas of the screen... when I do that, the sound play a bit, but gets cut off after a few seconds.

    If I click on the areas as soon as the blade begins to play (since i KNOW where the buttons will be activated), the audio plays very well which makes me believe my theory that the audio runs just at the moment where the user gets to click on it.

    There is no break on one of the buttons around this period, so I know this isn't that.

    What I am doing wrong?

    Thank you! :-)

    I'm happy to say after hours of frustration, I finally got to work.

    I went and read your blog Lieve on micro navigation and managed to keep the images at the point of the slide where the user is asked to click on them and define the action of tip:

    to display the image,

    hide the other images and

    Use the assign with 705 rdcmdgotoframe

    and added a line to continue so it wouldn't break (if I do this, it seemed only allows only not the last his image clicked / or show the function works because I have an action secondard on the second tab to display the button 'next' once all are clicked).

    I had to do the math, but thanks to your info on your blog, I was able to understand this. I just tested it and it works... so I'm not going to save and close and breathe until Monday when I can run my final tests on the entire project!

    Thank you!!

    ~ Gina

Maybe you are looking for

  • Profile of Newbie Xcode provision of the question and problem recording peripheral Dev Member Center

    Help!  I am a user of Xcode newbie. Just signed up for a developer account (free version added to my existing Apple ID).   I followed a tutorial to make a few changes to the Apple TV 4. In the tutorials that seem very useful do not have additional in

  • Update impossible to complete iOS 9.3

    I can't finish the iOS 9.3 update on my iPad Air. Update of the software display it is downloaded. When I press 'Install now' and then agree I get update checking then impossible to check the updated 'iOS 9.3 failure of verification because you are n

  • Strange behavior of the run LabVIEW VI 2013 LabVIEW 7.1

    I'm trying to extract some data hardcoded from old code LabVIEW 7.1 and decided to write a small program in 2013 of LabVIEW. The program opens a reference to a VI 7.1, search enums and call it with reference to all combinations of enums. Actually qui

  • Integrals of trigger

    If I have a waveform with data pre-trigger of 50% and 50% posttrigger data, is there a way to take two separate integrals, one for each of the sections?  I want to calculate the background noise for our experience.  I am currently recovering measures

  • installation of the microsoft security updates

    I can not install updates for office 2003 and service packs for office, also unable to install securty microsoft, or most updated security too. I have several different errors show as 0 x 641, ox4397 and 1601 for adobe reader.