How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database

How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database table) using Dreamweaver’s Repeat Region. Example: I have different products each one associated (through their productID) with two images (one that’s showing in the page and one for the rollover effect) that are pulled from a database using Dreamweaver’s Recordset. So I want to end up with a page containing row after row of images(one for every product).When moused over each image will reveal the second (rollover) image for the same product which in turn can be a link(the image itself ) that when clicked leads to a detailed page with more information about the product the image is associated with. To show row after row with images for the different products in the database table I am using Dreamweaver’s Insert Rollover Image command and then the  Repeat Region – I have no problem to complete the steps, to insert the image and the rollover one at once and set the paths so they are pulled dynamically depending on the productID they are associated with .I have also no problem to apply the Repeat Region so not only the first image associated with the first product in the table is shown but all of them-a routine and standard procedure when using the Repeat Region to dynamically generate and display multiple rows of data. However, when I preview the page the rollover effect is lost –the images are shown but when moused over the second  image does not  show. The problem is caused when the Repeat Region is applied-once again I am allowed to apply it but the rollover stops working, a kind of interference. ANY SOLLUTION PLEASE, ANY WORK AROUND.

I gotta tell you, using multiple images for rollover effects is going to be a big challenge in your dynamic scenario. 
If this were my product page, I would use thumbnails with a bit of CSS opacity or filters to desaturate and make them full opacity/color on mouse over.  Nice effect with much less bandwidth. Easily done globally with CSS code.
Two examples:
http://alt-web.com/GALLERY/GalleryTest.php
http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
Nancy O.

Similar Messages

  • How do you print multiple different images on a single page in preview

    How do you print multiple different images on a single page in preview?

    Chances are no one who saw your question knew the answer.
    Unless you're willing to share the answer you found here, then anyone else like you searching for the problem who comes across this thread will also be unable to thank you for providing the answer too.  

  • How do I show all reminders in a list, even those 1 year out?

    How do I show all reminders in a list, even those 1 year out?

    Hello Denes,
    Thankyou for replying to my question.
    I went to your impressive website and viewed your examples.
    They deffinetly appear to suit my needs, but alas my SQL skills are not at a level where I can easily convert your example to my needs.
    I have tried to convert the example, but as yet I am not getting the correct data results.
    thankyou again
    frank

  • How come everytime i add an image to my pages document the screen goes blank and then closes the app?

    How come everytime i add an image to my pages document the screen goes blank and then closes the app?

    Hi Fayed11,
    Welcome to Apple Support Communities.
    You may find this article useful for troubleshooting any apps on your iPad that aren't behaving as expected:
    iOS: Troubleshooting applications purchased from the App Store
    http://support.apple.com/kb/ts1702
    Have a great day,
    Jeremy

  • How do I print multiple (4) photos on one page with a border around each?

    How do I print multiple photos on one page with a border around each? I've gone the contact sheet route and adjusted the number of columns but there's only outer margins and very little white space between the photos down the middle of the page.

    Ok, now I feel stupid! I always thought I was printing 6 x 4 but now I realise I can't have done!!
    The photos that I used to print are approx. 5.2" x 4" (i.e. 4 fitted nicely on a page & I had to cut the boarder off).
    I guess I just need to play with different sizes under the 'custom' option in order to get the biggest possible picture!
    Thanks for the help

  • How can I make multiple popup links on one page?

    I was wondering if anyone had a simple code that will allow me to have multiple popup links on one page? I have no idea what to do.  Any help would be greatly appreciated.

    Give each an individual id like:
    <SCRIPT language="JavaScript1.2">
    function openwindow1()
    window.open("score_popup/wbc_slalom_running_order.html",
    "mywindow","location=1,status=1,scrollbars=1,width=600,height=525");
    .......... etc.
    and then:
    <p><a href="javascript: openwindow1()">WBC Invitational Slalom Event Running Order</a></p>
    View actual working page here:
    http://www.worldbarefootcenter.com/
    scroll to bottom of page to see pop-up links. View source code for complete details:
    Best wishes,
    Adninjastrator

  • How change state when card is inserted and pulled out

    It is not Java Card question, but I think it is better place to post question like this. I have running Java Card applet on card, the communication between card and host application works, but could you anybody tell me how handle inserting and pulling card out? My idea is, I have running Java 6 SE application:
    1. and I will insert the card into a reader and application will automatically find out that card was inserted and write out it.
    2. and I will pull out the card from a reader and application will automatically find out that card was pulled out and write out it.
    Could you anybody help me, please?
    Thank you very much for any answer.
    Martin

    mFilo wrote:
    It is not Java Card question, but I think it is better place to post question like this. I have running Java Card applet on card, the communication between card and host application works, but could you anybody tell me how handle inserting and pulling card out? My idea is, I have running Java 6 SE application:
    1. and I will insert the card into a reader and application will automatically find out that card was inserted and write out it.
    2. and I will pull out the card from a reader and application will automatically find out that card was pulled out and write out it.I think you can address only terminals. A way to identify a card is with additional info like ATR, CPLC data or specific applet's file control information (response to select command). I found in javax.smartcardio.CardTerminals following methods that might help:
    waitForChange
    public void waitForChange()
                       throws CardException
        Waits for card insertion or removal in any of the terminals of this object.
        This call is equivalent to calling waitForChange(0).
        Throws:
            IllegalStateException - if this CardTerminals object does not contain any terminals
            CardException - if the card operation failed
    waitForChange
    public abstract boolean waitForChange(long timeout)
                                   throws CardException
        Waits for card insertion or removal in any of the terminals of this object or until the timeout expires.
        This method examines each CardTerminal of this object. If a card was inserted into or removed from a CardTerminal since the previous call to waitForChange(), it returns immediately. Otherwise, or if this is the first call to waitForChange() on this object, it blocks until a card is inserted into or removed from a CardTerminal.
        If timeout is greater than 0, the method returns after timeout milliseconds even if there is no change in state. In that case, this method returns false; otherwise it returns true.
        This method is often used in a loop in combination with list(State.CARD_INSERTION), for example:
          TerminalFactory factory = ...;
          CardTerminals terminals = factory.terminals();
          while (true) {
              for (CardTerminal terminal : terminals.list(CARD_INSERTION)) {
                  // examine Card in terminal, return if it matches
              terminals.waitForChange();
        Parameters:
            timeout - if positive, block for up to timeout milliseconds; if zero, block indefinitely; must not be negative
        Returns:
            false if the method returns due to an expired timeout, true otherwise.
        Throws:
            IllegalStateException - if this CardTerminals object does not contain any terminals
            IllegalArgumentException - if timeout is negative
            CardException - if the card operation failed

  • How do I show multiple images when I hover over different areas with the MouseOver function?

    I’ve been working on a flash simulator to show what our Expert Range Finder binocular product would look like. The idea is to hover over an area, or image and it show the range or how far the object is from you.
    I have been successful in making it work with the following code below.  Yet I cannot add several "range" images (or symbols) when I hover over a certain area.  Can someone help me with the code?  I looked for hours on the internet and I cannot get it to work.  I am new to Flash but am starting to learn as much as I can.  Any help is appreciated!  Thanks!
    Actionscript 3 Code:
    img_nv.mask = mask2_mc;
    mask2_mc.buttonMode=true;
    mask2_mc.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
    mask2_mc.addEventListener(MouseEvent.MOUSE_UP, onUp);
    function onDown(e:MouseEvent):void{
    mask2_mc.startDrag();
    function onUp(e:MouseEvent):void{
    mask2_mc.stopDrag();

    Ned:
    I can't thank you enough for your help!  I just have a few questions left if you don't mind.
    If you look at the picture, the text shows up in the "tfield" yet there is a weird symbol after "37Y" that I cannot get rid of.  In the code I erased in line 29 " + " zone" " Is that the reason why it is showing a weid symbol?
    One more question. I tried placing multiple ranges and text fields and they are not working.  All I did was duplicate the code for the first range and text like below but I am missing something.  Will you kindly help me?
    Actionscript Code:
    range2.addEventListener(MouseEvent.ROLL_OVER, manageMouseOver, false, 0, true);
    range2.addEventListener(MouseEvent.ROLL_OUT, manageMouseOut, false, 0, true);
    function manageMouseOver(event:MouseEvent):void{
      tfield2.text = "over "+ event.currentTarget.name + " zone";
    function manageMouseOut(event:MouseEvent):void{
    tfield2.text = "";
    range3.addEventListener(MouseEvent.ROLL_OVER, manageMouseOver, false, 0, true);
    range3.addEventListener(MouseEvent.ROLL_OUT, manageMouseOut, false, 0, true);
    function manageMouseOver(event:MouseEvent):void{
      tfield3.text = "over "+ event.currentTarget.name + " zone";
    function manageMouseOut(event:MouseEvent):void{
      tfield3.text = "";
    . . . .and so on for two more ranges and text fields.

  • How do I crop multiple separate images from one photo

    I need am trying to crop multiple pictures from a scanned yearbook.  I would like to save the people's pictures individually.  How do I crop and save multiple images from one scanned page?

    DUplicate the photo and crop the duplicates
    LN

  • How do you show thumbnails of images in Finder?

    We converted from PCs to Mac's recently. On PC's you can set folders full of pictures to show large or small previews of the images. How do you do this in Finder?
    Thank you.

    Hi, try this program to do just that:
    Link: http://www.stalkingwolf.net/software/cocothumbx/
    Regards,
    Robert.

  • How to create a disjointed rollover image?

    Really need some help guys!
    I want to recreate this http://www.pacsun.com/on-the-byas/atlas-marled-zip-hoodie-1580810.html?start=2&cg=mens-hoo dies-fleece . When you rollover a differant angle on the sweatshirt it makes it so thats the enlarged photo. Does anybody have any idea on how to do that? Thanks!!

    Hello TyHoba,
    you could have a look at http://www.dynamicdrive.com/ > search "Featured Image Zoomer":
    http://www.dynamicdrive.com/search/search.php?zoom_query=Featured+Image+Zoomer+&zoom_per_p age=10&zoom_and=1&zoom_sort=0&x=6&y=7
    I use the first one of the long list.
    Good luck!
    Hans-Günter

  • How can i show a big image on screen

    I want to show a big JPG image(for example 100M ) on screen. The program is wrong when I only display 10 pecent of it , the error message shows "out of memory" .My GOD ,what can I do ?

    That would take forever to generate something that large. You may want to re-size it or change the resolution so it is a lot smaller. Look into the JAI pacakge for this kind of stuff.

  • How to batch change multiple adjusted images by a fixed amount?

    Anyone know of a way to change the adjustment values of multiple previously adjusted images by a fixed amount? For example, if, after adjusting exposure of multiple images by various amounts, I want to lighten them all by 0.5, is there a way to do this? If I lift an exposure adjustment value of 0.5 from one image and stamp it on others that have non-zero values of x, even with the stamp option set to "add" rather than "replace", they all end up with exposure 0.5 rather than x + 0.5.

    Nope - no way. but... you can add a different adjustment that does the same thing. For instance if you adjusted the exposure individually and you want to lighten them by a fix amount on top of that you could just add a levels or curves that does the exact same thing.
    RB

  • How can I put the Rollover Image code in a separate file?

    Hey folks,
    I'm in the process of building a new site and have used DW's Image Rollovers for the navigation. Of course the downside is the amount of JavaScript and the like DW inserts in to the code. I was wondering if this code could be inserted in to a separate external file instead. I understand that for SEO purposes this would be a good option.
    Thanks in adavnce.
    Iain.

    Many thanks for that Murray.
    I guess migrating the JavaScript to an extrrnal file isn't too difficult for me? Any advice for going about it would be really appreciated please.
    I have no idea how Server-Side Includes work - any resources you recommened?
    Many thanks,
    Iain.

  • How can i show multiple windows on start?

    Hi everybody:
    I have an application that need to show 5 windows at the same
    time when the application is started. The 5 windows are seen but
    the canvas is not shown, so, i see 5 windows with no elements. I
    have tried with SHOW_WINDOW built in, but it only shows the
    window, not the canvas. If i use the GO_ITEM built in, in one
    item from each block i can only see the last block visited.
    Is there any property that i must change in canvases? (the
    raise on entry is in "yes"); i have to do anything else?
    Thanks.

    Windows have a property called "Primary Canvas". This sets what
    canvas should be shown in a window by default.
    Typically Forms knows what to display because the cursor is in
    an item, the item is on a canvas, the canvas is required to set
    its Window...you see the window with everything in it.
    The window property primary canvas for when you do a show_window
    and do not navigate to anything in the window.
    Thanks,
    Candace Stover
    Forms Product Management

Maybe you are looking for