Using Roll Over Images for Hots Spots in DW CS 5

Ok I had this sort of working .. but
what i am trying to do is have pictures pop up when the mouse rollovers a hot spot.   I do this with two layers and using the behavior window
The full project is at http://www.kasdivi.com/pages/map.html... ( thought that might be better then posting code)   The issue is in the left hand top of the map wjere you see malmok (Col H Row 2)or Boka Bartol (also Col H Row )
you have to move down the page before the image will show
I though there might be something in that area mapping as if you leave map in topmost position and mouse over Boka Onima (Column M row 5) the image pops up fine
I tried to restart with a simpler test www.kasdivi.com/testmap.html
the supposedly live hot spots are at Malmok (H2 ) and Boka Onima (M5) but it this test nothing works
I think I am doing something baically wrong
any guidance will be appreciated
Jasom

You have some code errors that could be causing issues.
Things like missing quote marks around the alt attribute on line 91, your links near that line are also malformed to both your images and webpages.
Run your page through the validator here and repair your errors:
http://validator.w3.org/
If it's still not funtioning correctly after you have taken care of the problems, post back and we can take a closer look...

Similar Messages

Roll over effect with hot spots

Hello,
I have created a state map with city locations. If you roll
your mouse over a specific city, the entire map/graphic should
change over to the graphic with the specified city location address
information. At first I thought to create buttons, but that won't
work because I need the state map to have hot spots for each city.
Any suggestions?
Thanks,
MonaE

I'm not sure what you mean regarding "it" will change to the
image, but I am not talking about a single button. I mean have a
button over each city to act as the hotspot. Interacting with a
given button will trigger whatever as far as showing the office
location image goes.
Depending how you go about it, you could make the "over"
state of the button be the office location image, while the normal
state and hit area are defined as just the name area on the
California map.

Can i use my iPhone as a hot spot for my iPad 2

Can I use my iphone as a hot spot for my ipad 2?

Yes, so long as your iPhone has the personal hotspot service enabled.

Setting the order of a roll over image in a quiz

Hi,
I'm using captivate 4 and having issues in setting a quiz for my students.
I want to have an icon to roll-over so the students can access information relating to the question, eg, diagrams, tables, graphs etc.
I have done all this yet when the roll over image appears its order is set behind the question and answers, I need it in front. when trying to change the order, eg bring to front, all the options are grayed out and not available. Is there a way to fix this as I know I cannot use a slidelet in a question slide.
I have also tried to re-order the question and answer text, but is is also grayed out.
Any help would be greatly appreciated
Cheers
Andrew

Hello,
You cannot insert interactive objects on any default question slide from pool or not. You will have to change the action to be executed on Success/Failure. There it is possible to jump to a slide.
Beware: you can never jump to a slide that is outside of the quiz 'scope'. This scope starts with the slide where you have the first scoreable object, which can be a question slide but also a button/click box/TEB with a score. The scope typically ends with the score slide. So be sure that the slide you want to jump to are in that scope. Eventually you can add a scoreable object (with a low score perhaps of 1pt) like a button or click box to the first slide of your project. If you keep the score slide as the last slide you will not have to worry anymore about the scope.
Hope this makes sense,
Lilybiri

Roll-over images

Does RoboHelp support roll-over images?
I've tried every way to insert a roll-over image into my
project, including editing the html page in dreamweaver but as soon
as I open it up in RoboHelp and generate it the images either does
not change or it is not visible.
Please advise...
Thanks,
Susy Carrillo

You might take a look at
Walter
Zorn's free tooltip utility, a really neat onMouseover
application that makes your tooltips look like popups, including
the use of links within them.
You can use it for text links or in combination with image
maps. So far, I'm using only the former, but I'll be using the
latter for some new, complex C# screens in our next version
release.
There are a few things that can trip you up, such as: all the
HTML inside the Javascript area (the
escape('Some text') portion) cannot have carriage returns;
and certain characters must be escaped with a backslash (such as
replacing double quotes with backslashed single quotes). However,
it's all explained quite well on his site. You can control
backgrounds, transparencies, images, placement, etc.
As Peter says, do all your testing in a scrub project before
going live in the real one.
Good luck,
Leon

1) Drop Down Menu 2) Roll Over Images & 3)

Does anyone know away to make these things possible on iWeb (or if it is not even possible)
1)
I'd like to have a drop down menu so that my sites are not so cluttered.
Here is an example:
http://www.drsteinhealing.com/doctor/chiropractor/2L/Encino/homepage.htm
2)
I have seen rollover images in flash, but I hear that it is possible without flash and I think it would be great to have some pictures as such for the menu. I would think this would be possible because right now there is a rollover color change to words that are links if you want it to change colors... so:
a) is flash possible on iWeb
b) even if it is not: is there a way to have rollover images and
c) can there be roll over images that are also links?
Here is an example:
http://planetrobyn.com/ (the pictures go from black and white to color and then they are also the menu)
I'm learning so it would be great to see if these things are possible. Thank you.

See these menus.The menus are HTML and CSS only.
http://www.wyodor.net/Demo/iWebeend.html
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
The first menu has the menu hardcode in the published webpage.
Check the source to see how it's done.
The second menu has a textbox at the top of the page. A JavaScript in the HTML Snippet finds that textbox and place the menu in it.
This is pasted in the HTML Snippet :
<script src="../../../duckmenu/duckmenu.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">

</script>
This JavaScript places the menu in the textbox :
http://www.wyodor.net/_Demo/duckmenu/duckmenu.js
The menu at drsteinhealing is HTML/CSS only too. So if you like it, grab the code + stylesheet and use it.

Making Roll over images from photoshop layout

Hello Everyone,
I am working on a website and I have sliced my parts of my Photoshop file.
I have saved as a html with images as well!
How would I amek a roll over image out of the buttons I made in photoshop and sliced?

Best thing you can do is delete that HTML file from Photoshop and use the slices and build the code in Dreamweaver. You will be much better off.
The simplest solution is to save the 2 states of your button as 2 separate images then click on Insert->Image Objects->Rollover Image. Then select your before and after image. Just remember to upload the javascript file Dreamweaver creates during this process or it won't work online.

Roll over images not appearing in a preview

I've created a new project and have had had previous success in making roll over images/captions work but now nothing in this new project is appearing when I preview the slide, not the images or the roll over captions. I'm using Captivate 6.
Sorry if i'm not explaining it properly but I've only started using the program this week and have no idea about any of it.
cheers
Emma

Hi Emma
I note you said: Preview the *SLIDE*. And in that type of preview, all you will ever be able to do is to view when objects appear or disappear or move. Interactive objects such as rollovers will never work in the slide preview. You must preview a different way. (Project, Next X number of slides, From this slide, etc)
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

Can I use my 3gs as a hot spot?

Can I use my phone as a hot spot?

If your carrier supports the personal hotspot feature and you pay for a tethering plan, yes.

Using the value "Image/*" for the accept attribute of the HTML input Element, how can I add .pdf to the array of preconfigured file types (.jpe, .jpg, .jpeg, .?

On a form, using the value "image/*" for the accept attribute of the HTML input Element, how can I add .pdf to the array of pre-configured file types (.jpe, .jpg, .jpeg, .gif, .png, .bmp, .ico, .svg, .svgz, .tif, .tiff, .ai, .drw, .pct, .psp, .xcf, .psd, .raw)?
Say I wanted to add .gif, .jfif or .ico. I find this array limited, how can I add types to image?
<input type="file" name="file" accept="image/*" id="file" />
mimeTypes.rdf does not seem to allow this.

''mimeTypes.rdf'' has nothing to do with web development. It's a file that stores your file handling preferences (e.g. if you want ZIP files automatically saved or opened).
You can't change the file types of the pre-defined content specifiers (audio/*, video/*, image/*), but you can specify additional MIME types. To add PDF to your above example,
<pre><nowiki><input type="file" name="file" accept="image/*,application/pdf" id="file" /></nowiki></pre>
For details, see
* [https://developer.mozilla.org/En/HTML/Element/Input developer.mozilla.org/En/HTML/Element/Input]

HT1386 how to set up my iphone for hot spot

how. to use my iphone.as a hot spot?

Go to settings personal hotspot and turn it on and then turn on Bluetooth. Then you need to pair the other device with the phone. Some carriers require special plans or do not support tethering

In terms of data usage, is it equal to use my phone as a hot spot to using a jetpack mifi?

In terms of data usage, is it equal to use my phone as a hot spot as the jetpack mifi?

There's that darn ninja again.

Submit button for hot spot quiz

the hot spot quiz functionality is not very intuitive. is there a way to proceed to the next slide after the user hits "submit?" also, is there a way to only allow one hotspot selection that once the user makes a selection he/she cannot keeping placing selections all over the page? thanks.

Hello Lilybiri,
Thank you for offering to help find a solution for my Hot Spot Quiz issues. If you would like to (or have the time to) help me here's what I am trying to accomplish:
We need some Hot Spot quizzes which require the user to click on one, or sometimes one of several, hot spots on an image object. I have already encountered the Captivate 4 hot spot quiz limitation of having to click on all of a group of hot spots in order for the answer to be correct when we want the user to click on just one of any of the correct hot spots. I have developed a customer specific header and footer bar template for each slide, with the footer bar containing navigational buttons for beginning/previous/next/end functionality, have disabled this navigation in the question slides as we don't want this available to the user during the quizzing. Instead, we want to advance to the next question slide if the user clicks the correct hot spot, or produce a text caption (with a continue button to advance to the next question slide) accompanied by an arrow animation indicating the correct hot spot to click (which would require executing an advanced action). The user gets one attempt to answer the question correctly. Each question slide will have a text caption with the question for the user to answer. Because of the limitations I've encountered with Captivate 4 hot spot quizzing I've been considering creating custom question slides just as you suggested. Unfortunately, we have a very tight deadline to meet and a lot of content to pour into this project, so I need solutions that are as simple and quick to develop as possible. It seems that sometimes Captivate does not allow for this to happen and I've been discovering that it's been increasingly frustrating to use. Any assistance you could lend me would be greatly appreciated and I thank you for your time.
Sincerely,
Roland

Roll over images in a slide show

I am trying to make a slide show of before and after images for a client.
Rather than just have them all one after the other, I want all the after images to display as normal, and the before to display on hover for each slide.
I can make this work in a basic slide show when rather than adding an image to the Hero Image box, I use the fill and states.
However this only allows me to do one, as I can't add any more empty Hero Image boxes (or I don't know how to do that, is it possible?)
When I add an image via the slide show menu it appears on top of any fills, and I can't seem to give images added this way a roll over state.
Can anyone tell me how to either add extra blank Hero Image boxes, or how to apply the effect I want to the images in the Hero Image boxes.
Thanks in advance, if there is any further info I can provide about my problem, please let me know!
M

Hi,
You cannot add multiple hero image boxes within the same Slideshow. Now , you can use different slideshows for your different images but that wont give you the slideshow effect but you will be able to see all your after images at once and then if you rollover them you would be able to see the before images.
Now, In order to create the effect that you want, what I would suggest you is to use a 'Composition widget'. In the composition widget, you can make the triggers as small thumbnails for your images and in the Target you can set the fill as your after image and in rollover state you can use the before image. After this you can use the Autoplay feature available in the composition widget and you will get the desired result.
Hope this helps
Regards,
Rohit Nair

Image Map Hot Spot

I am using DW8 I have an image map. If I use the square/rect
tool or the
circle tool I can get a hot spot to show. If I try to draw a
polygon shape,
I do not get the green overlay that works with the other
tools.
What am I doing wrong or is this a bug?
Kim

Yes. Every time, on every image (placeholder).
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"KimMazz" <[email protected]> wrote in message
news:[email protected]...
> Hmm, so you're saying that you can see the overlay when
you draw a poly
> shape?
>
> Kim
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> To be honest, I'm not sure. I have submitted it as a
bug in the past,
>> but without steps to make it reproduce every time,
it's hard to have
>> someone fix it.
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do
so!)
>> ==================
>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>> ==================
>>
>>
>> "KimMazz" <[email protected]> wrote in
message
>> news:[email protected]...
>>> Murray,
>>>
>>> Which would mean that it's my PC bug? How can it
be fixed then?
>>>
>>> Kim
>>> "Murray *ACE*"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>>I can't reproduce it with the page you sent
me, Kim.
>>>>
>>>> --
>>>> Murray --- ICQ 71997575
>>>> Adobe Community Expert
>>>> (If you *MUST* email me, don't LAUGH when
you do so!)
>>>> ==================
>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>>>> ==================
>>>>
>>>>
>>>> "KimMazz" <[email protected]>
wrote in message
>>>> news:[email protected]...
>>>>>I found that if I go to the map in code
view and delete all the code
>>>>>except for the coordinates then it shows
the overlay. I will send you
>>>>>the file.
>>>>>
>>>>> Kim
>>>>>
>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>
news:[email protected]...
>>>>>> Kim:
>>>>>>
>>>>>> I have seen this happen. I have no
idea why. Can you send me the
>>>>>> page?
>>>>>>
>>>>>> --
>>>>>> Murray --- ICQ 71997575
>>>>>> Adobe Community Expert
>>>>>> (If you *MUST* email me, don't LAUGH
when you do so!)
>>>>>> ==================
>>>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>>>>>> ==================
>>>>>>
>>>>>>
>>>>>> "KimMazz"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>> Ok Murray,
>>>>>>>
>>>>>>> Of further interest. When I open
a different page in a different
>>>>>>> site, that "already" has an
image map I can draw a polygon. If I
>>>>>>> open a page that "does not"
already have an image map I can not draw
>>>>>>> a polygon.
>>>>>>>
>>>>>>> Kim
>>>>>>>
>>>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>>>
news:[email protected]...
>>>>>>>> Hmmm - You are on Mac?
>>>>>>>>
>>>>>>>> --
>>>>>>>> Murray --- ICQ 71997575
>>>>>>>> Adobe Community Expert
>>>>>>>> (If you *MUST* email me,
don't LAUGH when you do so!)
>>>>>>>> ==================
>>>>>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM)
>>>>>>>> Technotes
>>>>>>>> ==================
>>>>>>>>
>>>>>>>>
>>>>>>>> "KimMazz"
<[email protected]> wrote in message
>>>>>>>>
news:[email protected]...
>>>>>>>>> actually clickity click
no, only kidding. Yes I am doing click,
>>>>>>>>> click click to draw the
polygon. I tried click drag click drag and
>>>>>>>>> it didn't work that way
either.
>>>>>>>>>
>>>>>>>>> the coordinates are
getting recorded, it's just not showing me the
>>>>>>>>> overlay. So, I can't
select it and/or set the behavior.
>>>>>>>>>
>>>>>>>>> Kim
>>>>>>>>>
>>>>>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>>>>>
news:[email protected]...
>>>>>>>>>> How are you drawing
the hotspot? Are you doing
>>>>>>>>>>
click:click:click:click to mark the apices of the polygon?
>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> Murray --- ICQ
71997575
>>>>>>>>>> Adobe Community
Expert
>>>>>>>>>> (If you *MUST* email
me, don't LAUGH when you do so!)
>>>>>>>>>> ==================
>>>>>>>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>>>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>>>>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM)
>>>>>>>>>> Technotes
>>>>>>>>>> ==================
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> "KimMazz"
<[email protected]> wrote in message
>>>>>>>>>>
news:[email protected]...
>>>>>>>>>>>I am using DW8 I
have an image map. If I use the square/rect tool
>>>>>>>>>>>or the circle
tool I can get a hot spot to show. If I try to draw
>>>>>>>>>>>a polygon shape,
I do not get the green overlay that works with
>>>>>>>>>>>the other tools.
>>>>>>>>>>>
>>>>>>>>>>> What am I doing
wrong or is this a bug?
>>>>>>>>>>>
>>>>>>>>>>> Kim
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>>
>>>
>>
>>
>
>

Using Roll Over Images for Hots Spots in DW CS 5

Similar Messages

Maybe you are looking for