Individual description of image on rollover

Hi All,
I have a question about java that I can't figure out.
I have five images placed horizontally being used as rollover links. But I also want to have a text box that appears horizontally below all the images as each one is rolled over, where each image has its' own unique description.
I have a sample of the script but I am unsure how to edit it for multiple images.
Any help would be appreciated. Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>multi rollover</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
#foo {
    position:absolute;
    top:30%;
    left:40%;
    position:absolute;
    top:50%;
    left:10%;
    display:none;
/*//]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function rollOverImage(obj){
   obj.src="your_image2.jpg";
    document.getElementById("foo").innerHTML="Now this has changed too";
     document.getElementById("****").style.display="block";
      document.onmouseout=function(){
     obj.src="your_image1.jpg";
    document.getElementById("foo").innerHTML="This is ready for change";
   document.getElementById("****").style.display="none";
//]]>
</script>
</head>
<body>
<div id="foo">
This is ready for change
</div>
<div id="****">
This was hidden away
</div>
<div>
<img src="../Documents/Comtract/AirCellsite/assets/images/aircell.jpg" width="120" height="38" alt="rollover" onmouseover="rollOverImage(this)"/>
</div>
</body>
</html>

Updating to Spry 1.6.1 in Dreamweaver CS3 does not add the new widgets to the insert panel, it merely gives you the latest files of the current installed widgets, and an option to update your sites to the latest version.
If you want to have the SpryTooltip in your pages, you must added it manually in the source code. This page should help you out with implementing:
http://labs.adobe.com/technologies/spry/articles/tooltip_overview/index.html
more information about the widgets and links to the samples and references can be found here:
labs.adobe.com/technologies/spry/widgets/widgets.html
If you need further help with implementing Spry on your pages I suggest to post in the Spry forum which can be found in the category "Labs" of the forums.

Similar Messages

[svn:osmf:] 11973: Update description and image URL.

Revision: 11973
Revision: 11973
Author:   [email protected]
Date:     2009-11-18 21:50:34 -0800 (Wed, 18 Nov 2009)
Log Message:
Update description and image URL.
Modified Paths:
    osmf/trunk/apps/samples/framework/ExamplePlayer/org/osmf/examples/AllExamples.as

I updated my query that populates my form with cfsets as follows:
<cfif IsDefined("URL.ProductID")>
<cfquery datasource="farmky" name="getProducts">
SELECT CatalogGroup.ID AS CatalogGroup_ID,
       CatalogGroup.Group,
       Products.ProductID,
       Products.Manufacturer,
       Products.ManufacturerImage,
       Products.ProductTitle,
       Products.ProductImage,
       Products.ProductDescription,
       Products.Species,
       Products.CatalogGroup,
       Products.ProductType,
       ProductTypes.ID AS ProductTypes_ID,
       ProductTypes.ProductType AS ProductTypes_ProductType
FROM ProductTypes INNER JOIN (CatalogGroup INNER JOIN Products ON CatalogGroup.ID = Products.CatalogGroup) ON ProductTypes.ID = Products.ProductType
WHERE ProductID = #URL.ProductID#
ORDER BY Products.ProductType, Products.ProductTitle
</cfquery>
<cfset ManufacturerImage = Trim(getProducts.ManufacturerImage)>
<cfset ProductImage = Trim(getProducts.ProductImage)>
<cfset Manufacturer = Trim(getProducts.Manufacturer)>
<cfset ProductTitle = Trim(getProducts.ProductTitle)>
<cfset ProductDescription = Trim(getProducts.ProductDescription)>
<cfset Species = Trim(getProducts.Species)>
<cfset CatalogGroup = Trim(getProducts.CatalogGroup)>
<cfset ProductType = Trim(getProducts.ProductType)>
</cfif>
Now when I execute the form I get :
Element PRODUCTID is undefined in FORM.
This is the source code fromt the form prior to submission:
<form action="update_product.cfm" method="post">
            <input type="hidden" name"ProductID" value="27" />
etc.....

How do I block individual pictures or images (not entire sites)

.
how do I block individual pictures or images (not entire sites) ?
------- '''SOLVED''' ------

Someone told me to download 'adblock plus' It did the trick and more. I recommend it to everyone. Bill

I have contacted your support, wordpress's and feedburner to change my itunes description and image. I have been going round myself for ever now all are helpful but I reached nowhere. Can any one help me????

Hi All,
I started bloging and podcasting about two years ago and I tried more than one platform for blogging and for podcasting. At last I settled on wordpress.com for blogging and through which I started my podcast on itunes. After sometime I found that it was important to change the image as well as the description found on itunes. Here all the problems started. I have been trying for about one year to change how my podcast looks on itunes but there is no hope. I contacted itunes support and wordpress support who are both very helpful but they told me that the problem is not from their side. I tried to change my feed through feedburner more than once but nothing changed.
The blog url: http://casa-egypt.com/
The itunes url: https://itunes.apple.com/us/podcast/mhtt-kasa-msr-casa-egypt-broadcast/id3981772 21?mt=2&ign-mpt=uo%3D4
There are two feeds shown here: http://feeds.feedburner.com/CasaEgyptBroadCast
http://feeds.feedburner.com/imananddinasbroacast
I sure have played a lot and I think that I messed up my blog and my feed and my podcast but really I do not know exactly where I messed things up. This is one of the mails that I sent to both itunes and wordpress support with some modifications and I am sending it now on this forum in case anyone could help me.
I have always thought that I have one podcast but on the itunes program on my computer I found two almost identical podcasts with the title "محطة كاسا مصر" (this is written in Arabic only) and another one with both Arabic and English "محطة كاسا مصر- Casa Egypt Broadcast". When I right clicked the image on the left I found a "Show Description" button in the drop down menu. I clicked it for both podcasts and I found that the image of the Arabic podcast (the upper one on the itunes image) disappeared but the description was updated unlike the the Arabic English one in which the exact opposite happened. I tried to open both in itunes store but both showed the old unchanged image and description.
I really don't know which one is the correct one for my blog as both display the same episodes. By the way, I used to have a lot of other posts but I do not know where they went. Now I don't care about those lost or hidden episodes as much as I care about the other issues I have.
This is the Arabic only one. (I want the description but there is no image here)
This is the Arabic English one. (I want the image but not the description).
As you can see from both images that the url shown in both information boxes are different. I am trying to contact any one from feedburner support but I do not know how to reach them as I think that the problem is in it. Or can you tell me how to edit my feed so as to be able to change my itunes looks?
Your help will be really appreciated.
Thanks,
Dina

Hi Roger
Thank you for your reply.
My original feed is: http://casa-egypt.com/feed/
However, because I modified the feed http://feeds.feedburner.com/imananddinasbroadcast and nothing changed, I redirected it to another feed and then I deleted this feed.
Is there any way to change the feed in itunes? The only feed I have now is http://feeds.feedburner.com/CasaEgyptStation
I tried to restore the feed http://feeds.feedburner.com/imananddinasbroadcast but feedburner refused.
I know that I missed things up but I still have hope in working things out.
Thanks is advance.
Dina
Message was edited by: dinadik

How do I put an image in rollover tool?

Hi,
Iwv import/insert one in a rollover slidelet but i get the image with an X on the top right corner. How do I get rid of this X? (see print screen attached below).
Thanks!

Hi there,
Unforunately, you cannot get rid of the 'X' in the Slidelet objecdt or even customize it. This is a component that is generated at 'run-time' (when you preview or publish). If like many of us you would like to have control over this element in a future version then please add your vote via this web address.
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform&product=5
Best regards,
Mark

Photo uploaded from PC when posted, displays long description of image, instead of my own comments that were just typed.

All previous saved and uploaded images were able to be posted without excessive, unwanted image descriptions. I typed my OWN comment to go along with my posting, but the image description appeared in the box instead. I tried posting ONLY the image, but it did the SAME thing! Here is the URL for the image location>>http://www.google.com/imgres?imgurl=http://www.cbs.dtu.dk/staff/dave/roanoke/wegman-dog-artist_2.jpg&imgrefurl=http://www.democraticunderground.com/discuss/duboard.php%3Faz%3Dview_all%26address%3D105x5983853&usg=__e0dndJMvk6Hu1hgdDLy-NcV1boM=&h=445&w=430&sz=33&hl=en&start=20&sig2=qdrchCai4Jhuj7eE-Eog0Q&zoom=1&tbnid=lLJJ6svfcVNm1M:&tbnh=107&tbnw=103&ei=-afyTPSxMIzEsAPotvzJCw&prev=/images%3Fq%3Dwilliam%2BWEGMAN%26um%3D1%26hl%3Den%26client%3Dfirefox-a%26sa%3DG%26rls%3Dorg.mozilla:en-US:official%26biw%3D800%26bih%3D400%26tbs%3Disch:10%2C603&um=1&itbs=1&iact=hc&vpx=483&vpy=81&dur=2479&hovh=228&hovw=221&tx=119&ty=214&oei=86fyTM-MCon2swPwluS1CQ&esq=3&page=3&ndsp=10&ved=1t:429,r:8,s:20&biw=800&bih=400

The Nokia 3720 classic is a IP54 level water,
Not even close to good enough, LCD screen will crack, water will go in through the jack/charger ports..
The phone i describe has no external ports just 4-5 little pins which can't let water in or out of the device, the docking station will connect via these 4 - 5 pins for data transfer and recharging...., IPX8 standard, all the electronics are epxoyed with a glue to stop real bad shocks from drops and bangs, along with a silicon case and all the other preventative meausres means this little phone is going to outlive you.
in combination with heart rate external bluetooth connection, really what more could you want... only the Sonim comes close in terms of perfection but if it managed to pack all of above, then it would be simply wow... I don't think there's enough people who work for nokia who actually go camping, backpacking, hiking, i'm pretty sure that if i told them one day
on a holiday you might drop your phone into the swimming pool, ok fine it's a mistake but damn, there goes your $$$$ N7 or N900 or even a HTC or Iphone.... not this, you'd yell to the first person you see in the pool, hey mate can i have my phone back, don't worry about the water damage, i'll get it back on insurance after a small lie stopping the person from running off with it (in fear of the now useless mobile phoned killed by water, making an attempt to steal be useless)
The person gets their phone back and carries on about his day, it drops out of your pocket, how many times you ran over it because you happened to leave it behind the back tire. oh no i ran over my phone, the tough casing and the epoxy keeping it nice and safe, except for superficial damage cosmetic, the screen and phone should be working still able to make that call or send out GPS info....
Sorry nothing comes close by any company (except Sonim) in terms of what they can do... maybe even a portable charger turn it to recharge like on LED dynamos. nah maybe not.

Image Gallery Rollover effect

First Issue: I've dynamically created the image gallery, on
rollover or mouseover i'm using the zoom in effect, on rollout i'm
using the zoom out effect (that will return to the original size).
onrollover
zm = new Zoom(timg);
zm.zoomHeightFrom = 1.2;
zm.zoomWidthFrom = 1.2;
zm.zoomHeightTo = 1;
zm.zoomWidthTo = 1;
zm.end();
zm.play();
It is working fine when the mouse is moved slowly (after
playing the full zoom), if i move rapidly (if i rollout before the
play effect finishes), the image's position will be changed. Please
give me a solution for this.
Second issue: I'm also trying to mask the image. all the
thumbnails will be inside a canvas. How to mask the image with the
sprite and use the zoom effect.
Thanks in advance.

use google to search for "flash tsunami tutorial". specify your actionscript version if needed.

Exporting images withOUT rollover frames?

Small pet peeve that I'm hoping is fixed by some preference
setting...whenever I do a layout for export, I usually have a
handful of
images that will have rollovers, and a whole bunch that
won't.
However, when I export, ALL the images end up with
rollover/_f2
images...even those that aren't explicitely set with a
behavior. Is there a
way to turn that option off?
-Darrel

Thanks, Jim. I find this a silly 'bug', but I suppose the
best workaround is
to just keep my rollover menus in a separate file.
_Darrel
=================================================================
Win prizes searching google:
http://www.blingo.com/friends?ref=hM72-GU3FWzMFnTqhv-2GE1FNtA
"Jim Babbage .:CMX:. & .:Adobe Community Expert:."
<[email protected]> wrote in message
news:fdts9j$srb$[email protected]..
> One option is to use button symbols for those two-frame
rollovers. They
> will export properly and your single frame elements will
exported properly
> too.
>
> Other options include selecting the two-frame slices and
choose export
> selected slices.
>
> A third option if you have CS3 is to use multiple pages,
and have those
> two frame slices on their own page, and the rest of the
document that does
> not require two frames can reside on its own page.
>
> If you're interested, I have a much more detailed
article on this at
> Community MX:
http://www.communitymx.com/content/article.cfm?cid=9256F
>
> HTH
>
> --
> Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
> Extending Knowledge, Daily
>
http://www.communityMX.com/
> CommunityMX - Free Resources:
>
http://www.communitymx.com/free.cfm
> ---
> .:Adobe Community Expert for Fireworks:.
> news://forums.macromedia.com/macromedia.fireworks
> news://forums.macromedia.com/macromedia.dreamweaver
>
>
> darrel wrote:
>>> You have control how the filenames is outputted.
>>
>> That's not the issue. The issue is that slices that
AREN'T set to a
>> rollover behavior are still outputting two frames.
Is there a way to stop
>> that?
>>
>> For instance, I have three slices:
>>
>> a
>> b
>> c
>>
>> I set a and b to have simple rollover behaviors. I
then export and get
>> this:
>>
>> a
>> a_f2
>> b
>> b_f2
>> c
>> c_f2
>>
>> I have no need/want for that c_f2 file.
>>
>> -Darrel
>

3D Pdf - Layers description with image

Hi Everybody!
I would like to know few things:
- I'm working on a 3D Pdf. On my template I have "Named Layer" buttons to change the layers in a 3D Annotation ( there are a different color objects on a different layers ) I also have a "Layers description" filed to show some note/text for the layers. I'd like to know, is it possible to attach images for the layers description ?
Or something other solution for my problem. I don't want only comment the layers with text, I'd like to show images too!
- The other: when I have buttons ( for example "Named Layer" or "Named Sequence" buttons ) after one press, can be the button "untouchable"?
Because I have two sequence. One is a opening animation and the other is a closing animation. And when I press one of the buttons the animation is always starts to play from the beginning...:(
I'm sorry for a bad English - maybe. Hope I was understandable!
Thank You for the answers!
Bye

Hello,
Here are some explanation regarding you request:
- attach images for the layers description
-> Yes it's possible, however you will have to edit and modify your template using Adobe LiveCycle Designer ES 8.2 which is delivered within Acrobat Pro Extended 9.0 in order to modify the box where you want your image to be displayed.
Also you will have to edit & modify your JavaScript in order to manage the behavior of this display.
- "untouchable" button
-> Yes it's possible, As for your previous request you will have to edit & modify your template using Adobe LiveCycle Designer ES 8.2 and to modify your JavaScript in order to specify the behavior of your buttons.
It would be helpful for you to have a look to the ED SDK documentation where you will find several useful information related to JavaScript with Acrobat etc...
Here is the link Download Acrobat 9.1 SDK:
http://www.adobe.com/devnet/acrobat/
Hope It Helps
Best Regards
William Gallego
A3D QE Team

Image map rollover show/hide layer

My client needs a map of the US which has image maps on specific states. I need to trigger rollovers to change the state's color and view info (layer?). I'm having difficulty triggering the rollover with show/hide action on a layer, or even to change the state color, as I can't create odd shaped slices. Am I making this harder than it needs to be? Some smaller states will use offset names as triggers.

In article <[email protected]>,
[email protected] wrote:
> My client needs a map of the US which has image maps on specific states. I
> need to trigger rollovers to change the state's color and view info (layer?).
> I'm having difficulty triggering the rollover with show/hide action on a
> layer, or even to change the state color, as I can't create odd shaped
> slices.
You can do that with an image map and a whole bunch of images; no layers
required.
The only image that will be swapped out is a map covering the entire
area, however you'd need to create different versions of the map, each
with just one state hi-lighted.
Then create image map shapes with the polygon tool approximating the
shape of the states. Assign a Set Image URL to each polygon to swap out
the image for the one with that particular state hi-lighted.
A sample can be seen here:
Cheers Martin

Fade Images on Rollover

i am pretty new to flash (last night at about 11:00 pm) and
need to know how to "fade" images in when. i don't know the lingo
yet so here is a site that shows what i am talking about.
http://www.timtadder.com/index3.html
rollover the images on bottom right and see how the large
images "fades" in. i have everything else (the thumbnails and large
image) from a tutorial already set up. just need to know how to add
the fade. and i do not want it as a slideshow.
thank you

for AS2 place all images on stage, make movie clips out of
them with alpha property of 0, give each one an instance name, in
this example 'pic1_mc. give your button/movie clip an instance name
of whatever, for this example 'my1_mc'. place this on an actions
layer on a frame above the pictures, or frame one if there are no
other keyframes on that layer after it.

Trying to do image+sound rollover with dreamweaver cs5

so it's really hard doing both an image rollover and to get sound to play with the rollover as well

We need more details to answer your question. Post your code/ what you're trying to achieve/ sample webpage so we can look into your issue.

Saving individual slices as images

I am creating a Website that has a tab with different names on each page. When I save the slice individually, I would like to be able to save it to overwrite an old file. If I'm not using slices, it just lets me do that. How do I do that when I'm using a slice? Whatever I do, the slice takes on its own name and when I have a huge amount of tabs to save, it would be nice just to save it to the old file name thus updating the old file.

OK, I get what you're on about, and I've tried that, but then the slice still doens't overwrite the old filenames. For instance, the one I've shown in my example is the contact page. Then I have a tab with about us, testimonials, etc. Then, of course, all those files have their own names such as aboutUs.jpg, testimonials.jpg, etc. I want to be able to save that slice under all the different image names when I change the text.

Using text to swap an image (disjointed rollover)

Hi,
I have some text on my page which is also a link.
It has a background colour, which changes when my mouse hovers over it.
I also want one image on the page to swap with another image when my mouse hovers over the text.
Please can someone direct me to a website which discusses how to create a disjointed rollover using TEXT rather than an image.
Thank you in advance

Stuart Smitheringale wrote: You can see the effect that I have created at this site http://www.drivertrainingcompany.com
Ideally, I would like to use CSS to create the same effect, without relying on swapping images.
As there are often many ways to produce the same effect or behavior, each with its own advantages and disadvantages, having been able to produce the effect or behavior is often more important.
Except for one matter in your page's behavior that you will probably want to change your page appears fine in the most recent versions of Safari, Firefox, and Opera. The bigger problem at this point is that you need to clean up your HTML -- something to which Murray has already alluded.
LESS THAN PERFECT BEHAVIOR
When your mouse leaves one menu item to enter into the next, the words below your menu item change as you would probably like, but the previously highlighted menu item remains highlighted. There is not a clean transition between menu items. This problem can probably be fixed with an onmouseout event.
CLEAN UP TIME
Please refer to the validation link that I have provided below. It will show you that there are structural problems in your page that can affect both the operation and appearance of your page as it is viewed in different browsers and in different versions of the same browser over time. I have only checked three of the more popular browsers for you.
SUGGESTION
Clean up your structural problems first and see if the imperfect behavior described above does not disappear. If it does not, then return with a new question, and someone will provide a fix, if you are yourself unable.
VALIDATION LINK: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.drivertrainingcompany.com%2F
Roddy

Resizable fullscreen image with rollover, possible?

Hi
Im developping a site, http://test.bagge-web.dk/index.php?option=com_content&view=article&id=70&Itemid=63, that is built on joomla. The background image resizes and what I want is to get at a rollover for the parrot in the image. My problem is that the image resizes and the parrot shifts position. Could this be achievable with flash?

It's called Rollover and can be done with HTML Snippets. Check out these threads: http://discussions.apple.com/search.jspa?threadID=&q=rollover&objID=f1193&dateRa nge=last90days&userID=&numResults=30&rankBy=10001
OT

Individual description of image on rollover

Similar Messages

Maybe you are looking for