Image question for mouse over.

I hope this is a simple question.  Can I place a 150px wide image on my page and when you mouse over have the same photo pop up that is 300 px wide?  I know I can swap the images if they are both 150 px.  But I want to see the larger photo with the mouseover can someone explain or show me where to learn how to do this if I can even do it? Maybe it is not mouseover image swap and it is called something else? Thanks in advance.

tl1_mc.visible=tl2_mc.visible=tl3_mc.visible=false;
for(var i:int=1;i<4;i++){
   this["tl"+i+"_mc"].addEventListener(MouseEvent.MOUSE_OVER,overtl);
   this["tl"+i+"_mc"].addEventListener(MouseEvent.MOUSE_OUT,offtl);
function overtl(e:MouseEvent=null):void{
   var n:int=int(e.currentTarget.name.substr(2,1));
   this["tl"+n+"_mc"].visible=true;
function offtl(e:MouseEvent=null):void{
   var n:int=int(e.currentTarget.name.substr(2,1));
   this["tl"+n+"_mc"].visible=false;

Similar Messages

  • Large image popup on mouse over

    Does any one know of an extension which creates a large image
    popup on mouse over and it works with images from a database too?

    Does any one know of an extension which creates a large image
    popup on mouse over and it works with images from a database too?

  • Anyone know how to make an image appear during mouse over of a hyperlink?

    I have a list of hyperlinks here: http://web.mac.com/phelpssculpture/Site/movieroyal_davidphelps.html
    I would like a small image associated with each link to appear close to the link during mouse over.
    These links are the titles of individual artwork, but that isn't as meaningful as it would be if an image could appear upon mouse over. I tried doing an image of text swap with an image of the piece during mouse over, but that took up too much space on the page.
    Thanks, David

    You could use a tooltip. Here's one....
    http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm
    A few more....
    http://www.dynamicdrive.com/dynamicindex5/

  • Use DW for mouse over button images but won't validate

    Hi All,
    I've done this three times and give up.  Here's the link http://pooledesignstudio.com/wendysawesomeart/
    I used the Rollover Image icon on the common tool bar and created my nav bar.
    When I try to validate I get 24 errors and they are in the code that DW generates to make the rollover switchout happen. I have no idea how to fix it.
    Please help.
    Thank you,
    KathPoole

    The simplest fix is to change the DOCTYPE.
    You're using a XHTML Transitional DOCTYPE.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    If you replace it with a HTML5 DOCTYPE
    <!DOCTYPE HTML>
    you'll eliminate most of those "errors".
    http://bit.ly/fEEVZk

  • Easy question for any over-critical java tech!

    hi over-critical java tech man/woman. i have this class library for org.apache.poi.* .. which i will be using to manipulate .xls and .doc type files. i need help installing it. i havnt tried any command-line stuff yet, which im sure is the right way to go. ive been dragging and dropping into the src.zip file .. which could be harmful .. yes? oh boy im in for some scrazy responses

    thanks for the reply duffy,
    I looked through the .jar file I was using and it contained all the necessary classes I needed to compile my java file. In my java file, I have included the line:
    import org.apache.poi.*;
    as a package to try and obtain all the necessary classes needed to compile my file.
    In the jar file the folders are ordered in that exact order:
    org/apache/poi/'all class folders here'.
    when I type the following into the command prompt and press enter:
    java -cp ;c:\poitools\poi-2.5.1-final-20040804.jar
    i get the following message:
    Usage: java [-options] class [args...]
    (to execute a class)
    or java [-options] -jar jarfile [args...]
    (to execute a jar file)
    where options include:
    -client to select the "client" VM
    -server to select the "server" VM
    -hotspot is a synonym for the "client" VM [deprecated]
    The default VM is client.
    -cp <class search path of directories and zip/jar files>
    -classpath <class search path of directories and zip/jar files>
    A ; separated list of directories, JAR archives,
    and ZIP archives to search for class files.
    -D<name>=<value>
    set a system property
    -verbose[:class|gc|jni]
    enable verbose output
    -version print product version and exit
    -version:<value>
    require the specified version to run
    -showversion print product version and continue
    -jre-restrict-search | -jre-no-restrict-search
    include/exclude user private JREs in the version search
    -? -help print this help message
    -X print help on non-standard options
    -ea[:<packagename>...|:<classname>]
    -enableassertions[:<packagename>...|:<classname>]
    enable assertions
    -da[:<packagename>...|:<classname>]
    -disableassertions[:<packagename>...|:<classname>]
    disable assertions
    -esa | -enablesystemassertions
    enable system assertions
    -dsa | -disablesystemassertions
    disable system assertions
    -agentlib:<libname>[=<options>]
    load native agent library <libname>, e.g. -agentlib:hprof
    see also, -agentlib:jdwp=help and -agentlib:hprof=help
    -agentpath:<pathname>[=<options>]
    load native agent library by full pathname
    -javaagent:<jarpath>[=<options>]
    load Java programming language agent, see java.lang.instrument
    But I'm confused, because I'm following the steps found on a 'java classpath website'. I guess I'll keep trying, but I'm exhausted from doing the same thing over and over again.

  • Workaround for mouse over

    Hi,
    is there a workaround for mouseover ?
    We have a few buttons with mouseover and when mouseover is triggered, a textbox shows the desired text.
    We now learned that the mouseover is not supported in HTML5 export.
    So, question is clear, is there a workaround ?
    Joep.

    Dag Joep (Nederlandstaling, niet?)
    No rollovers are supported for HTML5 output, you'll have to replace them by showing on click (tap).
    Lilybiri

  • Image preview on mouse over

    I have found a nice free flash template to use for a portfolio site but I want to add something small to it but could not figure it out myself. I hope that somehow could help me out. The free templates creates a thumbnail preview of the image and I want to be able to create a full size preview off in another area. I will post the AC3.0 and an image to help explain.
    import caurina.transitions.Tweener;
    slider_info.text = "loading data...";
    link_title.text = "";
    link_description.text = "";
    var folder:String = "thumbnails/";
    var start_from:Number = 0;
    var no_of_tn:Number = 5;
    var i:Number;
    var tn:Number = 0;
    var current_no:Number = 0;
    var tween_duration:Number = 0.8; // seconds
    var total:Number;
    var flashmo_xml:XML;
    var flashmo_tn_list = new Array();
    var thumbnail_group:MovieClip = new MovieClip();
    this.addChild(thumbnail_group);
    thumbnail_group.mask = slider_mask;
    function load_gallery(xml_file:String):void
    var xml_loader:URLLoader = new URLLoader();
    xml_loader.load( new URLRequest( xml_file ) );
    xml_loader.addEventListener(Event.COMPLETE, create_thunbnail_slider);
    function create_thunbnail_slider(e:Event):void
    flashmo_xml = new XML(e.target.data);
    total = flashmo_xml.thumbnail.length();
    for( i = 0; i < total; i++ )
    flashmo_tn_list.push( {
    filename: flashmo_xml.thumbnail[i].filename.toString(),
    title: flashmo_xml.thumbnail[i].title.toString(),
    description: flashmo_xml.thumbnail[i].description.toString(),
    url: flashmo_xml.thumbnail[i].url.toString(),
    target: flashmo_xml.thumbnail[i].target.toString()
    load_tn();
    function load_tn():void
    var pic_request:URLRequest = new URLRequest( folder + flashmo_tn_list[tn].filename );
    var pic_loader:Loader = new Loader();
    pic_loader.load(pic_request);
    pic_loader.contentLoaderInfo.addEventListener(Prog ressEvent.PROGRESS, tn_progress);
    pic_loader.contentLoaderInfo.addEventListener(Even t.COMPLETE, tn_loaded);
    tn++;
    function tn_progress(e:ProgressEvent):void
    slider_info.text = "loading thumbnail... " + tn + " of " + total;
    function tn_loaded(e:Event):void
    if( tn < total )
    load_tn();
    else
    slider_info.text = "";
    var flashmo_tn_bm:Bitmap = new Bitmap();
    var flashmo_tn_mc:MovieClip = new MovieClip();
    flashmo_tn_bm = Bitmap(e.target.content);
    flashmo_tn_bm.smoothing = true;
    flashmo_tn_mc.addChild(flashmo_tn_bm);
    flashmo_tn_mc.name = "flashmo_tn_" + thumbnail_group.numChildren;
    flashmo_tn_mc.buttonMode = true;
    flashmo_tn_mc.addEventListener( MouseEvent.MOUSE_OVER, tn_over );
    flashmo_tn_mc.addEventListener( MouseEvent.MOUSE_OUT, tn_out );
    flashmo_tn_mc.addEventListener( MouseEvent.CLICK, tn_click );
    flashmo_tn_mc.x = thumbnail_group.numChildren * 150;
    thumbnail_group.addChild( flashmo_tn_mc );
    function previewLoaded(e:Event):void
    var previewArea:MovieClip;
    while(previewArea.numChildren){ previewArea.removeChildAt(0) };
    var flashmo_tn_bm:Bitmap = Bitmap(e.target.content);
    flashmo_tn_bm.smoothing = true;
    previewArea.addChild(flashmo_tn_bm);
    function tn_over(e:MouseEvent):void
    var mc:MovieClip = MovieClip(e.target);
    current_no = parseInt(mc.name.slice(11,13));
    Tweener.addTween( mc, { alpha: 0.5, time: tween_duration, transition: "easeIn" } );
    link_title.text = flashmo_tn_list[current_no].title;
    link_description.text = flashmo_tn_list[current_no].description;
    var pic_request:URLRequest = new URLRequest('fullpreviewimages/' + flashmo_tn_list[current_no].filename );
    var pic_loader:Loader = new Loader();
    pic_loader.contentLoaderInfo.addEventListener(Even t.COMPLETE, previewLoaded);
    pic_loader.load(pic_request);
    function tn_out(e:MouseEvent):void
    var mc:MovieClip = MovieClip(e.target);
    current_no = parseInt(mc.name.slice(11,13));
    Tweener.addTween( mc, { alpha: 1, time: tween_duration, transition: "easeOut" } );
    link_title.text = "";
    link_description.text = "";
    function tn_click(e:MouseEvent):void
    var mc:MovieClip = MovieClip(e.target);
    current_no = parseInt(mc.name.slice(11,13));
    navigateToURL( new URLRequest( flashmo_tn_list[current_no].url ),
    flashmo_tn_list[current_no].target );
    function move_slider():void
    if( total - start_from < no_of_tn )
    start_from = total - no_of_tn;
    if( start_from < 0 )
    start_from = 0;
    Tweener.addTween( thumbnail_group, { x: - start_from * 150,
    time: tween_duration, transition: "easeInOutQuart" } );
    flashmo_previous.addEventListener( MouseEvent.CLICK, move_left );
    flashmo_next.addEventListener( MouseEvent.CLICK, move_right );
    function move_left(e:MouseEvent):void
    start_from -= no_of_tn;
    move_slider();
    function move_right(e:MouseEvent):void
    start_from += no_of_tn;
    move_slider();
    I thank anyone in advance for even the shred of help as I have been struggling with this the last two days.

    Is it because previewArea is not being declared as a valid moveclip?

  • Audio and Image question for FCE

    Hello!
    I have this little problem. The music Im importing to my project (mp3) is only playing the baseline of the song, not the actual music...how can I change that? Also, unfortunately the white balance is horrible of the footage...I need to enhance the imgae so it looks a bit brighter, since we shot in the most terrible circumastances...could you let me know how to go about it! I have very little time to finish this.
    Take crae and thanks in advance
    Magdalena

    If the gamma correction suggested by Alchroma makes the black too gray, try using the "Mids" slider below the center color wheel of the 3-way Color Correcter (must be in "visual mode" of 3-way CC filter). The blacks won't be affected and the picture will "come alive".
    After doing so, you may want to also experiment with the Saturation slider as well.
    Also, unfortunately the white balance is horrible of
    the footage...I need to enhance the image so it looks
    a bit brighter, since we shot in the most terrible
    circumstances..
    I've never heard of an mp3 only playing a single instrument from a mix. Are you sure you aren't trying to import a .mid file?
    If it is a .mid file, then open it in Quicktime Pro and export it as an AIF file -as Alchroma has also suggested - with the matching bit and sample rate (typically 16-bit/48kHz).
    Hope this helps!
    AK

  • Mouse over to show a small flv preview clip

    Hi,
    I am hoping you can help.
    I simply would like to be able to roll over an image and on mouse over, a small 10 sec FLV preview clip appears and loops until I mouse out.
    I see it everywhere but I cannot seem to replicate it.
    Regards

    Macnimation wrote:
    Hi,
    I found what I was looking for but cannot seem to replicate it:
    http://www.videocopilot.net
    At the bottom are four images for tutorials that when you roll over them they display a short video clip
    The code:
    <a href="tutorials/blast_wave/index.html"><img border="0" src='../img.videocopilot.net/assets/public/images/vc_cool/tutorialpic s/popular/111.jpg' onmouseover="showtrail('assets/public/flash/tutorialvids/111.flv', 'video','Blast Wave',266,150,0,'hqmedia','&bull; Build a realistic explosion using&#8230;<br />&bull; Create a powerful shockwave and&#8230;<br />');" onmouseout="hidetrail();"  /></a>
    But I cannot replicate it when replacing with my own images and footage.
    Regards
    showtrail and hidetrail are javascript functions that you did not insert into your replicated page.

  • Mouse over solution for jdk1.0

    hi all,
    I am interested in making the equivalent of a mouse over solution for a java applet.
    Basically I'll have approximately 100 Rectangle objects representing images on the applet.
    When the person moves the mouse over these 100 rectangle objects, i'll use contains() method to determine if the mouse is over the object in question.
    If true, the image will be changed to represent the mouse over event .
    I thought for a msecond about looping through all the rectangle objects each time the mouse moves. but that seemed impractical since the mouse can move pretty quickly.
    It seemed to me the best option was to extend the Rectangle object and put an event listener on it . so that the Rectangle object can be triggered at the same time or individually as needed in response to the mousemove event .
    Does anyone have any thoughts about that ?
    does anyone know how I would possible implement something like that for java 1.0
    thanks
    stev

    it seems like I have to extend Component some how to get access to enableEvents method.
    Here is my class
    class ListeningRectangle extends Rectangle{
         public ListeningRectangle(int w, int x, int y, int z, Component c){
              super(w,x,y,z);
              c.enableEvents(AWTEvent.MOUSE_MOTION_EVENT_MASK);
         public void mouseMoved (MouseEvent me) {
         System.out.println("event has been received by rectangle");
    I am using this class in conjunction with a java applet (targetted to 1.0-1.1 ).
    I'm passing a reference of the applet in to create this ListeningRectangle like this
    new ListeningRectangle(a,b,c,d,this);
    my objective is to have about 100 different rectangle areas defined on the java applet.
    and when the person moves the moves the mouse of the applet rapidly, only the appropriate ListeningRectangle object would respond.
    any ideas on how to get this done ? ?
    The full code is below
    stephen
    ================================
    full source code below
    import java.applet.*;
    import java.io.*;
    import java.awt.*;
    import java.awt.event.*;
    public class TestEventHandler extends Applet implements Runnable{
         ///variables
         public static Color bgColor = Color.blue.darker();
         private Thread thread;
         public Graphics offGfx;
         private Image offImg;
         private Image basicOffImg;
         public static int xlen;
         public static int ylen;
    public ListeningRectangle lr;
         ///methods
         public void init(){
         xlen = size().width;
         ylen = size().height;
         basicOffImg = createImage(xlen, ylen);
         offImg = basicOffImg;
         offGfx = offImg.getGraphics();
         setBackground(bgColor);
         offGfx.setColor(bgColor);
         offGfx.fillRect(0, 0, xlen, ylen);
         offGfx.setFont(new Font("Arial, Helvetica, Helv", 1, 15));
         FontMetrics fontmetrics = offGfx.getFontMetrics();
         offGfx.setColor(Color.white);
         String s = "pleaseWait";
         offGfx.drawString(s, xlen / 2 - fontmetrics.stringWidth(s) / 2, ylen / 2);
              lr = new ListeningRectangle(20,20,50,50,this);
              offGfx.fillRect(20,20,50,50);
         public void start(){
         if(thread == null)
              thread = new Thread(this);
              thread.start();
         public void run(){
              while(thread != null){
         try
              Thread.sleep(100L);
              catch(InterruptedException _ex) { }
         public void stop()
              if(thread!=null)
         thread = null;
         public void update(Graphics g){ paint(g);}
         public void paint(Graphics g){
         g.drawImage(offImg, 0, 0, null);
    public boolean mouseDrag(Event event, int i, int j)
    if(true)
    return false;//means ripple
    } else
    return true;//means do not ripple for jvm1.0
    public boolean mouseMove(Event event, int i, int j)
    if(true)
    return false;
    } else
    return false;
    class ListeningRectangle extends Rectangle{
         public ListeningRectangle(int w, int x, int y, int z, Applet c){
              super(w,x,y,z);
              c.enableEvents(AWTEvent.MOUSE_MOTION_EVENT_MASK);
         public void mouseMoved (MouseEvent me) {
         System.out.println("event has been received by rectangle");
    }//end of class

  • Why does moving the mouse over an IMAQ image display slow the GUI down so much?

    I have a large application with several vi's running simultaneously under labview 8.6.1.  When I mouse over an image display control in one of the vi's, everything slows down a shocking amount in all the other vi's.  The windows task manager does not show a large increase in CPU use.  My pc is has a quad cpu with 4GB of RAM, and the CPU and memory loads do not appear to be terribly taxing to the system.  However, many of my vi's apparently come almost to a standstill if I just move the mouse in a circle around my image control.
    This looks like it is largely a GUI display issue.  If I make a new vi and put a while loop in it that only displays the iteration loop number to an indicator, I can see the iterating occurring, then stopping totally when I mouse inside the image display control.  When I stop moving the mouse inside the control, or when I move it outside the control, the interation loop number jumps up, as if it had been incrementing behind the scenes the whole time.  So only display of the interating was halted.
    This problem occurs even if the vi with the image control is not executing.  If the vi with the image control is open but not running, and I mouse over the image on it, the other guis all come to a screeching halt.
    Does mousing in the image display control really utterly crush all other guis in all other labview windows?  Is this an issue inherent to the image display control?  If so, is there anything I can do about this? 
    Also, this issue is not entirely limited to display.  I started looking at it in greater detail because this issue also exposed what I think is a race condition in my code.  I have a vi that acquires an image from a ccd and puts it into an IMAQ image.ctl.  This image then gets passed up to a vi up the call chain, and is put on a queue and sent over to be de-queued by a vi that has the image display control.  Here's the kicker:  when I mouse over the image display control, the image successfully gets acquired inside the subvi, and if I probe the wire leading to the output IMAQ image display.ctl, I see the image.  If I simultaneously probe the wire coming out of the subvi one level up the call chain, the image gets lost about half the time.  This only happens if I am mousing in the image display control IN A TOTALLY DIFFERENT AND SEPARATE VI.  If I bump up the priority of the ccd image acquisition vi to 'highest priority', the problem only happens about 1% of the time, and I really have to mouse around to make it happen.  Still, it's disturbing that mousing in the GUI in one window results in a failure of a separate subvi to simply pass an image up the call chain.  I understand that IMAQ images are referenced rather than passed by value, but I don't see why there should be a failure to pass the image up the call chain.  I've looked for a race condition, but can't find one.
    Eric

    I have finally been able to replicate the behavior that you are seeing on another computer once the image was large enough.  Here are a few notes about this behavior:
    First. The UI only slows down when the images are large, 16 bit images.  The reason why this is unique to 16 bit images is that they can only be displayed on the front panel as 8 bit images.  The workaround that Weiyuan suggested to change the 16 bit display mapping hints towards the root of the problem...that any time a mouse runs over the indicator, Windows asks the entire image to re-draw (having a separate indicator overlapping the image will create the same behavior).  With a 16 bit image, not only does the image have to re-draw on the screen but the 16 bit pixels need to be mapped to 8 bits.  When setting the 16 bit display mapping to Full Dynamic, this requires mor computation/pixel than 90% dynamic or one of the other mapping schemes.
    This is expected behavior if your program is running and you're trying to display a large 16 bit image.  To fix this behavior there are a couple options:
    Change the 16 bit display mapping to something other than full dynamic.  You can choose which 8 bits to display or if you want to map the bits. 
    Resize the image just for viewing purposes on your front panel (since you aren't going to view every single pixel of you image on the screen). You can use the IMAQ Resample.vi to do this.  This will allow you to take your 1500x1500 pixel image and only display a 500x500 pixel version.
    If you are interested in viewing small details of the large image, consider just displaying a smaller region of interest at a time.
    Let me know if any of these solutions work for you.  Good luck on your application.
    Zach C.
    Field Engineer
    Greater Los Angeles

  • Mouse-over image resizing in CS4

    on my website (www.kogamusic.us) i have an image that changes to another image when mousing over it. the two images are different sizes, so as it is now the second image distorts because it is constrained to the aspect ratio of the first image. My question is, how do i make it so that both images auto-resize depending on the size of the window while keeping the second image constrained and distorting to the size of the first image. I am able to auto resize the first image with with=#% and hight=#%, but i can't figure out where to put html in the correct place to auto-resize (while constrained and distorted) the second image.
    this is the code i am looking at:
      <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','DSC03696.jpg',1)"> <br />
    <img src="fish pencil.jpeg" name="Image2" width="538" height="830" border="0" id="Image2" /></a><a href="mailto:[email protected]">[email protected]</a></p>
    <p> </p>
    THANKS!

    Hard to say. Just maybe a hickup in the system. The popping up is slightly delayed on about every system but I have never had them not pop up at all.
    Anyways, here is a link that pretty much fixes weird stuff happening in Photoshop that is called resetting the Prefs.
    http://forums.adobe.com/thread/375776?tstart=0

  • Images in Table move on Mouse Over

    I made a simple table-based photo gallery.  
    On mouse-over, a coloured bar appears at the bottom of the selected image.  At the same time the image moves upwards slightly, presumably the same distance as the width of the coloured bar.  
    Depending on the position of the image within the table, either one or more rows within the table move at the same time.
    I received some feedback from a viewer that they do not like this movement of the table
    Can you suggest any way to make the table more stable, i.e. remain still during mouse-over.
    See: http://www.eyta.org.uk/photos.html

    First, I don't like table-layouts.  They're last century's layout approach.  Nobody uses table-layouts anymore.  We use CSS floats now.
    Photo Layout example:
    Alt-Web Templates :: CSS Semi-Liquid, Photo Proof Sheet
    Secondly, if you're adding a border on hover, you need to add similar same sized border for the non-hover state.  Otherwise the jumping is inevitable owing to how the CSS box-model works.
    Example CSS:
    a {text-decoration:none; border-bottom: 1px solid #FFF}
    a:hover {border-bottom: 1px solid #000}
    Nancy O.

  • Hover mouse over a group photo & individual image pops up?

    My project is to do a mouse hover over individual faces on a group photo and display an image of what that person looked like back in high school.
    So far I am able to display the persons name as I hover over their face but don't know how to also display their individual image.
    I set up an image map with circular hotspots for each face.
    Please visit www.phsclassof1956.com/50th_group.html
    Any help would be appreciated.

    You could do this very easily with Tooltips on an Image Map.  See example below and mouse over Image Map of South America.
    http://alt-web.com/testing.html
    Scripts and documentation here:
    http://www.walterzorn.com/tooltip/tooltip_e.htm
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Mouse over images not resizing correctly in Safari

    I have a series of thumbnail images of different sizes that, by using MouseOver, cause a larger image to appear. Safari only seems to resize "larger" and doesn't resize "smaller" resulting in distorted images. This site works fine in every other browser I can lay my hands on. I have managed to get a similar site to work fine but I don't really see the difference between the two. Any ideas on what I need to do? Site that doesn't work www.IllustriousPlay.com/test/Portfolio.html Site that does work www.IllustriousPlay.com/Page1.html Run your mouse over the various images. (Be warned I'm tinkering with the site, so it may have other things wrong with it.)

    Kowhai,
    Welcome to Apple Discussions.
    I see the distortions.
    I am not involved in Web Site design, but will W3C Markup Validation Service help answer your question?
    I see Failed validation, 16 errors when I enter your URL.
    BTW, I like your colorful illustrations.
    ;~)

Maybe you are looking for