Visited state on rollover image?
Hi,
I am using a rollover image as a link and was wondering if it
was possible to create a visited state for a rollover image so that
when the user has clicked on it then later returns back the the
page the image has changed colour to indicate the link has been
visited? If not achivable in dreamweaver would it be achivable in
Flash? Or is it something that would require Java scripting?
Thanks
Beth H
"befh" <[email protected]> wrote in message
news:emn07c$q3v$[email protected]..
> Hi,
>
> thanks for your suggestion, however I don't think that
would work with
> what
> I'm wanting to do?
>
> I have just discovered that you can specify the
background image of links
> in
> css like this:
>
> a.ipod1:link {background-image: url(s1box.jpg);
> background-repeat:no-repeat}
> a.ipod1:hover { background-image: url(enter.jpg);
> background-repeat:no-repeat}
> a.ipod1:visited {background-image: url(beenthere.jpg);
> background-repeat:no-repeat}
>
> however I am unsure of how to apply this into the code
so that it is on
> the
> background of a table cell? I figured if I applied this
then I could just
> put a
> transparent gif over the top of the background image
which would act as a
> link?
>
> I fear that I may be running around in circles here?
What you discovered is basically the same technique I'm
pointing you to in
the tutorial I gave you the URL to (in my earlier post). Give
it a try!
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet
Similar Messages
-
Visited state on rollover button?
Hi,
I am hoping to create a button in flash that has a visited
state. I know that it is possible to create a button whose image
changes on the rollover state, but I was hoping to create a button
that when the page loads the button is one image, when rolled over
the button is another image and once clicked on it is yet another
image. Heres an example of why I wish to do this/ what I hope to
achieve:
I want to put the button into a dreamweaver site. When
clicked on the button takes the user to a new page. On this new
page there is an option to return to the previous page. Upon
returning to the page I want the button which the user initially
clicked on to be a different image from what it previously was so
they know they have already visited that link.
Thanks in advance for any help/ light that could be shed on
this matter,
Beth HThis is a multi-part message in MIME format.
------=_NextPart_000_0064_01C72949.7994E120
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
i have a solution... so u may have to think a lil
use the history object in javascript, evaluate the next
property for =
NULL, if it is false modify a flag and pass it like parameter
to the =
flash button
do you undrstnd?
------=_NextPart_000_0064_01C72949.7994E120
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Diso-8859-1">
<META content=3D"MSHTML 6.00.5730.11" name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY>
<DIV><FONT face=3DArial size=3D2>i have a
solution... so u may have to =
think a=20
lil</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2>...</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>use the history
object in javascript, =
evaluate the=20
<STRONG>next </STRONG>property for NULL, if it is
false modify a flag =
and pass=20
it like parameter to the flash
button</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2>...</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>do you =
undrstnd?</FONT></DIV></BODY></HTML>
------=_NextPart_000_0064_01C72949.7994E120-- -
Rollover Images on a Spry Menu Bar
I am trying to build a rollover menu with different rollover images for each button. I want to use a font that doesn't come standard with most browsers, so each of my buttons are images that I created in Illustrator. I am currently just not having any text and using the images as background images, but I can't get individual rollovers to work. To get the backgrounds I used this code, just by giving individual ID's to the buttons:
#products {
background-image: url(../images/11945_companyname_R5_03.gif);
width: 177px;
height: 30px;
#whycompanyname {
background-image: url(../images/11945_companyname_Web_R5_04.gif);
width: 211px;
height: 30px;
#getsamples {
background-image: url(../images/11945_companyname_Web_R5_05.gif);
width: 175px;
height: 30px;
#aboutus {
background-image: url(../images/11945_companyname_Web_R5_06.gif);
width: 168px;
height: 30px;
#contactus {
background-image: url(../images/11945_companyname_Web_R5_07.gif);
width: 224px;
height: 30px;
When I tried to put rollovers on there, I did code like this:
#contactus: link, #contactus: visited {
regular code
#contactus: hover, #contactus: active {
rollover code
...But that didn't work. Any help?http://www.nmprc.state.nm.us/id.htm
this page uses rollover images, though it is the same image for every button....and the text is not in the image (the 2 below)
so I would figure for each menu item image
ul.MenuBarHorizontal a
background-image: url(link.gif);
background-repeat: no-repeat;
background-position: left;
you will need a hover image
ul.MenuBarHorizontal a.MenuBarItemHover
font-style: italic;
background-image: url(linkhover.gif);
background-repeat: no-repeat;
background-position: left;
If you are using submenus you also have to account for these:
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(link.gif);
background-repeat: no-repeat;
background-position: left;
background-image: url(linkhover.gif);
background-repeat: no-repeat;
background-position: left;
I also had to do some more coding to get the one without a submenu to act the same as the ones with submenu
As VFusion says, just put an id for each menu item and create a corresponding hover item for it -
Why do the visited states of my hyperlinks don't work?
I have been trying for days and I can't figure it out with tutorials, teachers, google search and trail and error.
My hyperlinks will NOT show a visited state. I set up hyperlink styles, I named them, I applied them to the different text links in my copy and roll over works fine, they link as they are supposed to, but I can't get the visited state to appear. When I return back to the page, they are still all black.
Since this is for a end of the semester project and my entire project kinda builds on these states to work, without the visited states, the "map/timeline" I have created will not make any sense.
Is the anybody that knows what I am doing wrong and can give me a hint on what I should try?
Thanks!I understood that the styles can only be appied to text, that is why I used actual text bullets (found in most fonts) that are type and not an image. Therefore I thought that the link styles should apply to them just like any other text would be.
By now I have tried applying the style to the text frame,... to the selected character itself,...I have tried in different orders in which I first applied the link, then the style, or first the style and then the link - I have tried it with deselecting in between and keeping it selected through out...I have used regular text, letters and numbers, I have even created an entirely new file without any editing to see if my file might have problems. Nothing changed the fact that the visited link did not change the color. I understand the security issues you have mentioned before, but just for an example, reddit is still using the visited state. There has got to be a way, just not one I will be able to find before I have to have this done.
Anyway, I certainly appreciate your feedback and I am looking forward in using Muse in the future. Even though it has quiet a few limitations, since this is just the beginning, there is a lot of promise for the future.
Would you mind looking at my other 2 questions?
...is there a dimension limit to how long I can make a horizontally scrollable webpage? For the ipad the image resolution is pretty big and so lining up 8-9 full background images back-to-back next to each other makes for a huge file. I tried it and started to have some issues with jumping text boxes. Could that be because of the file size?
Can I use page anchors to link from child pages back to a certain spot on the main "home", or are anchor points just for the navigation within one contained long page?
Jez -
I have created a project with one slide that has an image of
our client map (US). I have started adding rollover images, one for
each state, so when a viewer rolls over the state, a picture of
that state with a featured client shows up in a white area on the
right side of the slide, next to the map.
I added the rollover capability to approximately 30 states,
but now Adobe Captivate keeps freezing up and won't let me add any
more rollover images? It allows me to add the image but there is no
rollover box (however, it allows the image itself to be added). Is
there a maximum number of rolllover images that can be added?
Thanks for your help!Hi jenhamm
I must admit that I never thought of a max number of
rollovers, but 30 does seem a bit much for one slide. What I would
suggest is to break it down into smaller chunks and I'll use your
map as the example:
Slide 1 - Full map of the US divided into 4 quadrants with a
click box and rollovers on each quadrant. whn you roll over the
"East" quadrant e.g.a list of all the states are listed in the
caption and the click box will take you to slide 2.
Slide 2 - "East" quadrant shows ONLY those states that were
listed above and you can now add your rollovers as previously done
with a "Back to Main Map" button that navigates to slide 1 again.
slide 3 - "North" quadrant built as per "East" quandrant, but
showing Northern States
etc. etc.
Anyway that is just my humble suggestion and good luck to
you, -
4 State Buttons - Disabled and Visited State
Hi everyone,
Does anyone know if CP will be offering 4 state buttons as an option in the future. Essentially adding a _disabled or _visited (both would be great) option to image buttons. 3 state buttons are great, but im finding more and more clients asking for 'greyed out' buttons when clicked. Some want disabled and others visited (so they can re-access the button).
I know Storyline has the feature to add a disabled and visited states. And I heard Lectora is adding this feature.
Basically The way I see it is that i can choose an image button and you get an option to select a disabled or visited button (or neither if you want 3 state). Then CP automatically pulls in the _up, _over, _down & _disabled or _visited images.
So back to my question, is this on the horizon?
Or if anyone has a better idea then i suggested, then i would be interested in knowing.
*I am aware you can do this with Advanced actions, but this way would be automated. (less work)Yes wearable technology is wonderful. The best enhancement I've heard about in that area (for e-learning) is the 'wearable LMS'. It's a Wi-Fi enabled device that can detect and capture output from a Captivate module (as long as it's within range of a 802.11ac wi-fi transmitter/receiver).
I'll probably get into trouble for leaking this information but...also on the LMS front, Adobe has finally decided to take on the LMS vendors and introduce an incredible enhancement that looks like making any conventional LMS totally redundant.
If you've been wondering why Captivate 8 removed so many output options, it's actually been done to make room for the new Standalone LMS enhancement due out for Captivate 9's release next year (possibly Cp 9.5 if the development encounters issues with the implementation). Once that incredible breakthrough arrives you won't need to worry about SCORM, TinCan, Acrobat.com or any other reporting format. The Captivate output module ITSELF becomes the LMS.
It's all achieved with the new Cloud-based synchronization technology that Adobe has been keeping under wraps. Not only will the new Standalone LMS output capture all of the user interactions for your course. it will also aggregate them from other users around the world (as long as the user is online) and spit out nicely formatted reports to your nearest printer. The formatting is still a bit rough at the moment, and you do need really good bandwidth to pull it off, but the barriers to entry are coming down all the time.
It's certainly an exciting time to be an e-learning developer! -
Copying a table with rollover images & links
Need help...
Using Dreamweaver CS4.
I have a table with rollover images and links from those rollovers"
I now want to copy and paste the table into other pages, but when I do, my links are broken and the rollovers don't work.
I have my Site Def preferences set to "Links relative to: Document"
Is there an easy way to copy & paste a table with rollover graphics and links?
I've tried dragging the table from the page with the working links onto the different page. The graphics show up, but the second state of the rollovers soesn't show up, and I get some weird link error:
Can anyone help?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Phyllis Bramson</title>
<style type="text/css">
<!--
body {
background-color: #CCC;
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</script>
<link href="styles.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="Bramson, artist, Chicago, painter" />
<meta name="Description" content="Phyllis Bramson is an established Chicago painter and educator." />
</head>
<body onload="MM_preloadImages('common_graphics/menu_paintings1990_rollwhite.gif','common_graph ics/menu_paintings2000_rollwhite.gif','common_graphics/menu_paintings1980_rollwhite.gif',' common_graphics/menu_paintings1970_rollwhite.gif','common_graphics/menu_worksonpaper2000_r ollwhite.gif','common_graphics/menu_worksonpaper1990_rollwhite.gif','common_graphics/menu_ worksonpaper1980_rollwhite.gif','common_graphics/menu_worksonpaper1970_rollwhite.gif','com mon_graphics/menu_scrolldrawings_rollwhite.gif','common_graphics/menu_statement_rollwhite. gif','common_graphics/menu_resume_rollwhite.gif','common_graphics/menu_collections_rollwhi te.gif','common_graphics/menu_exhibitionsnews_rollwhite.gif','common_graphics/menu_links_r ollwhite.gif')">
<table width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#666699" scope="col"> </td>
<td height="30" scope="col"><img src="common_graphics/mast_namebanner.gif" alt="" width="740" height="36" border="0" usemap="#Map2Map2" />
<map name="Map2Map2" id="Map2Map2">
<area shape="rect" coords="562,8,719,32" href="mailto:[email protected]" target="_blank" alt="email" />
</map></td>
</tr>
<tr>
<td width="160" valign="top" bgcolor="#666699" scope="col"><table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" bgcolor="#666699" scope="col"><img src="common_graphics/menu_paintingssculpture_rollnorm.gif" alt="" width="190" height="34" border="0" /></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="/paintings_sculpture/paintings_2000/paintings_2000.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','common_graphics/menu_paintings2000_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings2000_rollnorm.gif" alt="" name="Image22" width="190" height="20" border="0" id="Image22" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="/paintings_sculpture/paintings_1990/paintings_1990.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','common_graphics/menu_paintings1990_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings1990_rollnorm.gif" alt="" name="Image21" width="190" height="21" border="0" id="Image21" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="/paintings_sculpture/paintings_1980/paintings_1980.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','common_graphics/menu_paintings1980_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings1980_rollnorm.gif" alt="" name="Image20" width="190" height="21" border="0" id="Image20" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="paintings_sculpture/paintings_1970/paintings_1970.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','common_graphics/menu_paintings1970_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings1970_rollnorm.gif" alt="" name="Image23" width="190" height="24" border="0" id="Image23" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><img src="common_graphics/menu_worksonpaper_rollnorm.gif" alt="" width="190" height="28" border="0" /></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_2000/works_on_paper_2000.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','common_graphics/menu_worksonpaper2000_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper2000_rollnorm.gif" alt="" name="Image24" width="190" height="19" border="0" id="Image24" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_1990/works_on_paper_1990.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','common_graphics/menu_worksonpaper1990_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper1990_rollnorm.gif" alt="" name="Image25" width="190" height="22" border="0" id="Image25" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_1980/works_on_paper_1980.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','common_graphics/menu_worksonpaper1980_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper1980_rollnorm.gif" alt="" name="Image26" width="190" height="21" border="0" id="Image26" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_1970/works_on_paper_1970.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','common_graphics/menu_worksonpaper1970_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper1970_rollnorm.gif" alt="" name="Image27" width="190" height="30" border="0" id="Image27" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="scroll_drawings/scroll_drawings.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','common_graphics/menu_scrolldrawings_rollwhite.gif ',1)"><img src="common_graphics/menu_scrolldrawings_rollnorm.gif" alt="" name="Image28" width="190" height="41" border="0" id="Image28" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="statement/statement.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image29','','common_graphics/menu_statement_rollwhite.gif',1)" ><img src="common_graphics/menu_statement_rollnorm.gif" alt="" name="Image29" width="190" height="43" border="0" id="Image29" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="resume/resume1.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image30','','common_graphics/menu_resume_rollwhite.gif',1)"><i mg src="common_graphics/menu_resume_rollnorm.gif" alt="" name="Image30" width="190" height="41" border="0" id="Image30" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="collections/collections.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','common_graphics/menu_collections_rollwhite.gif',1 )"><img src="common_graphics/menu_collections_rollnorm.gif" alt="" name="Image31" width="190" height="42" border="0" id="Image31" /></a></td>
</tr>
<tr>
<td valign="top" bgcolor="#666699" scope="col"><a href="exhibitions_news/exhibitions_news.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image32','','common_graphics/menu_exhibitionsnews_rollwhite.gi f',1)"><img src="common_graphics/menu_exhibitionsnews_rollnorm.gif" alt="" name="Image32" width="190" height="42" border="0" id="Image32" /></a></td>
</tr>
<tr>
<td height="42" valign="top" bgcolor="#666699" scope="col"><a href="links/links.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','common_graphics/menu_links_rollwhite.gif',1)"><im g src="common_graphics/menu_links_rollnorm.gif" alt="" name="Image33" width="190" height="42" border="0" id="Image33" /></a></td>
</tr>
</table> <p> </p></td>
<td align="left" valign="top"><table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="30" height="97" scope="col"> </td>
<td width="330" scope="col"> </td>
<td width="20" scope="col"> </td>
<td scope="col"> </td>
</tr>
<tr>
<td scope="col"> </td>
<td scope="col"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="400" id="FlashID" title="slideshow">
<param name="movie" value="home/homepage.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="home/homepage.swf" width="400" height="400">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td scope="col"> </td>
<td valign="bottom" scope="col"><img src="home/homepage_quote.gif" alt="Quote" width="282" height="192" border="0" /></td>
</tr>
</table></td>
</tr>
</table>
<map name="Map2Map" id="Map2Map">
<area shape="rect" coords="562,26,719,50" href="mailto:[email protected]" target="_blank" alt="email" />
</map>
<map name="Map2" id="Map2">
<area shape="rect" coords="562,26,719,50" href="mailto:[email protected]" target="_blank" alt="email" />
</map>
<!-- Start of Google Analytics Code -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12139148-3");
pageTracker._trackPageview();
} catch(err) {}
swfobject.registerObject("FlashID");
</script>
<!-- End of Google Analytics Code --></body>
</html> -
I have been having an issue with communications between
ImageReady CS and Dreamweaver MX 2004. My rollover images go wacky.
They preview fine from ImageReady but when I update my site in
Dreamweaver, the rollovers will show the up state. The other two
states of the rollover won't show. It just starts blinking and the
status bar flashes back and forth between "done" and "trying to
connect". I can't seem to view them after Dreamweaver gets a hold
on it. Anyone else having problems and know how to solve this
issue?
lacy>I have been having an issue with communications between
ImageReady CS and
> Dreamweaver MX 2004. My rollover images go wacky.
This can often be the fate of those who use graphics editors
to write HTML.
> It just starts
> blinking and the status bar flashes back and forth
between "done" and
> "trying
> to connect".
"trying to connect"? To what?
> Anyone else having problems and know how to solve this
issue?
Upload your page and post a link to it, please.
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
==================
"netlace design" <[email protected]> wrote
in message
news:eae8gd$f0d$[email protected]..
>I have been having an issue with communications between
ImageReady CS and
> Dreamweaver MX 2004. My rollover images go wacky. They
preview fine
> from
> ImageReady but when I update my site in Dreamweaver, the
rollovers will
> show
> the up state. The other two states of the rollover won't
show. It just
> starts
> blinking and the status bar flashes back and forth
between "done" and
> "trying
> to connect". I can't seem to view them after Dreamweaver
gets a hold on
> it.
> Anyone else having problems and know how to solve this
issue?
>
> lacy
> -
Place button rollover image on top of external swf
I have a menu that when you click on a button, an external swf is called up. However I would like for the buttons in the Over and Down state to show an image on top of the external swf with a description of what the video is about (Basically when they rollover the button).
The problem is that the image shows behind the external swf. I cannot get it to appear on top of the external swf. I have tried putting the buttons layer on top of the actions layer but that doesn't work.
I have not been using Flash for very long but I need to know if there is ActionScipt that can solve my problem or any other way to solve this issue. Please help. Thank you.This is what appeared now in my Output panel.
Core_K12_Menu CS5.swf Movie Report
Metadata
Bytes Value
387 <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/"> <xmp:CreatorTool>Adobe Flash Professional CS5</xmp:CreatorTool> <xmp:CreateDate>2010-07-25T19:31:59-07:00</xmp:CreateDate> <xmp:MetadataDate>2010-08-01T18:42:52-07:00</xmp:MetadataDate> <xmp:ModifyDate>2010-08-01T18:42:52-07:00</xmp:ModifyDate> </rdf:Description> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#"> <xmpMM:InstanceID>xmp.iid:2136C7DCCB9DDF11B1ACFFBB5C2D711F</xmpMM:InstanceID> <xmpMM:DocumentID>xmp.did:2136C7DCCB9DDF11B1ACFFBB5C2D711F</xmpMM:DocumentID> <xmpMM:OriginalDocumentID>xmp.did:423EF45B6198DF1180E5FB9309482BDA</xmpMM:OriginalDocumentID> <xmpMM:DerivedFrom rdf:parseType="Resource"> <stRef:instanceID>xmp.iid:992BC7CBB29DDF11B1ACFFBB5C2D711F</stRef:instanceID> <stRef:documentID>xmp.did:F34D8816A19DDF11ADEA81F4369F4B15</stRef:documentID> <stRef:originalDocumentID>xmp.did:423EF45B6198DF1180E5FB9309482BDA</stRef:originalDocumentID> </xmpMM:DerivedFrom> </rdf:Description> <rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/"> <dc:format>application/x-shockwave-flash</dc:format> </rdf:Description> </rdf:RDF>
Frame # Frame Bytes Total Bytes Scene
1 295119 295119 Scene 1 (AS 3.0 Classes Export Frame)
Scene Shape Bytes Text Bytes ActionScript Bytes
Scene 1 0 0 1133
Symbol Shape Bytes Text Bytes ActionScript Bytes
ActiveMC 40 0 0
IntroModule 0 0 0
Module 1 Rollover 0 0 0
Module1 0 0 0
Module2 0 0 0
Module3 0 0 0
Module4 0 0 0
Module5 0 0 0
Module6 0 0 0
Module7 0 0 0
Module8 0 0 0
Module9 0 0 0
Module10 0 0 0
Module11 0 0 0
Module12 0 0 0
Module13 0 0 0
Module14 0 0 0
Module15 0 0 0
Module16 0 0 0
Module17 0 0 0
Module19 0 0 0
Module20 0 0 0
Module21 0 0 0
next_btn 0 0 0
replay_btn 0 0 0
Rollover 0 0 0
Rollover Image.psd 0 0 0
Symbol 18 0 0 0
Title.psd 0 0 0
ActionScript Bytes Location
1133 Scene 1:Frame 1
Bitmap Compressed Original Compression
Layer 1 3675 88264 JPEG Quality=80
Layer 1 3287 63936 JPEG Quality=80
Layer 1 1205 19668 JPEG Quality=80
Introduction-Up.jpg 6357 23200 Imported JPEG=102
Introduction-Down.jpg 5862 23200 Imported JPEG=102
Module 1-Up.jpg 5957 23200 Imported JPEG=102
Module 1-Down.jpg 5548 23200 Imported JPEG=102
Login Page and Tech Check Topics Covered - Introduction to A 4791 288576 JPEG Quality=80
Module 2-Up.jpg 6030 23200 Imported JPEG=102
Module 2-Down.jpg 5607 23200 Imported JPEG=102
Module 3-Up.jpg 6035 23200 Imported JPEG=102
Module 3-Down.jpg 5556 23200 Imported JPEG=102
Module 4-Up.jpg 5997 23200 Imported JPEG=102
Module 4-Down.jpg 5584 23200 Imported JPEG=102
Module 5-Up.jpg 6031 23200 Imported JPEG=102
Module 5-Down.jpg 5607 23200 Imported JPEG=102
Module 6-Up.jpg 6030 23200 Imported JPEG=102
Module 6-Down.jpg 5610 23200 Imported JPEG=102
Module 7-Up.jpg 5986 23200 Imported JPEG=102
Module 7-Down.jpg 5575 23200 Imported JPEG=102
Module 8-Up.jpg 6035 23200 Imported JPEG=102
Module 8-Down.jpg 5615 23200 Imported JPEG=102
Module 9-Up.jpg 6031 23200 Imported JPEG=102
Module 9-Down.jpg 5611 23200 Imported JPEG=102
Module 10-Up.jpg 6192 23200 Imported JPEG=102
Module 10-Down.jpg 5707 23200 Imported JPEG=102
Module 11-Up.jpg 6119 23200 Imported JPEG=102
Module 11-Down.jpg 5662 23200 Imported JPEG=102
Module 12-Up.jpg 6189 23200 Imported JPEG=102
Module 12-Down.jpg 5709 23200 Imported JPEG=102
Module 13-Up.jpg 6194 23200 Imported JPEG=102
Module 13-Down.jpg 5710 23200 Imported JPEG=102
Module 14-Up.jpg 6193 23200 Imported JPEG=102
Module 14-Down.jpg 5705 23200 Imported JPEG=102
Module 15-Up.jpg 6197 23200 Imported JPEG=102
Module 15-Down.jpg 5713 23200 Imported JPEG=102
Module 16-Up.jpg 6202 23200 Imported JPEG=102
Module 16-Down.jpg 5716 23200 Imported JPEG=102
Module 17-Up.jpg 6155 23200 Imported JPEG=102
Module 17-Down.jpg 5684 23200 Imported JPEG=102
Module 18-Up.jpg 6204 23200 Imported JPEG=102
Module 18-Down.jpg 5719 23200 Imported JPEG=102
Module 19-Up.jpg 6198 23200 Imported JPEG=102
Module 19-Down.jpg 5713 23200 Imported JPEG=102
Module 20-Up.jpg 6205 23200 Imported JPEG=102
Module 20-Down.jpg 5723 23200 Imported JPEG=102
Module 21-Up.jpg 6150 23200 Imported JPEG=102
Module 21-Down.jpg 5685 23200 Imported JPEG=102
Replay Button.jpg 5365 18240 Imported JPEG=102
Replay Button Down.jpg 4803 18240 Imported JPEG=102
Next Button.jpg 4965 18240 Imported JPEG=102
Next Button Down.jpg 4684 18240 Imported JPEG=102 -
Rollover image action difficulties
Hi,
I have created in Dreamweaver nice rollover buttons and
linked them to an iframe. Now i'm trying to figure out if there's a
way how to make the rollover button stay in mouseover state until
another button is clicked (and another iframe content opens).
My code for the rollover image for now looks like this:
<a href="history.htm" target="content"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('history21','','vilnis/button1a.gif',1)"><img
src="vilnis/button1.gif" name="history21" width="183" height="111"
border="0" id="history21" />
Any help appreciated!Remove the automatic restore from each button. Make each
button's click
swap in the desired image on that button and swap out the
button image on
ALL other buttons.
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
==================
"spahns" <[email protected]> wrote in
message
news:fct762$kub$[email protected]..
> Hi,
>
> I have created in Dreamweaver nice rollover buttons and
linked them to an
> iframe. Now i'm trying to figure out if there's a way
how to make the
> rollover
> button stay in mouseover state until another button is
clicked (and
> another
> iframe content opens).
>
> My code for the rollover image for now looks like this:
>
> <a href="history.htm" target="content"
onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('history21','','vilnis/button1a.gif',1)"><img
> src="vilnis/button1.gif" name="history21" width="183"
height="111"
> border="0"
> id="history21" />
>
> Any help appreciated!
> -
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. -
How do you add multiple links to a rollover image?
Hi guys,
I'm pretty much a novice when it come to DW, but i understand some things and can get by with a simple website(i only use design mode).
Anyways, i understand how to use rollovers if its a basic image over image swap. My issue is, I have a link that says "T-shirts" and what i want is when you roll the mouse over that text, it swaps to another text -"1 or 2". Now on the "1 or 2" image, i want to have 2 seperate links on them. I tried using hotspots but to no avail. Everytime, the "1 or2" text comes out as a single link. Is doing this possible? I'm using CS4 if that helps btw.
Thanks!!I think you're trying to make something that is more complicated than it needs to be... First, as far as I know there is no easy way to accomplish what you're trying to do with a single image...
The first option would be to split your initial image in half, and create a rollover effect on the left half on rollover with the specified link 1, and add a second rollover effect on the right side image so that it also changes. Do the same with the right half image - create the rollover effect along with the link for that image only, then add a rollover script that affects the left side image (I've attached a very basic sample to demonstrate in the zip folder - note that there are two rollover images - each with a separate web link, and each has a rollover effect that affects both buttons...)
Second option is perhaps using a "Dropdown" menu that (on rollover) shows two more links... there are many ways this can be accomplished - the easiest (in my opinion) is by using the "spry menu bar". Once created, you can adjust the colors, fonts etc., and an image could be replaced on the initial link within the css... (my website is still under construction, but hopefully will show what I mean: http://www.jgigandet.com/) If you google "drop-down menu html, you'll find several other alternatives to spry as well...
Hope that helps...
Jesse -
Why are my rollover images not appearing correctly in my browser?
I have created rollover images for some of my site navigation, and when I view it in my browser, they are not in the correct place on the page. When I click on each rollover, it eventually goes to the right place when I return to that page, but I must do this to all rollover navigation buttons in order for them to show up in the correct place. The links work fine. I am relatively new to this, so not sure if I am providing all the correct info here. My site is www.pfeiferdesign.com. I am using DW CS4. Would appreciate any suggestions!! Thanks
Where is it you want the navigation to appear?
Try this CSS -
#mainnav {
clear: both;
display: block;
float:right;
margin-right:50px;
margin-top:25px;
overflow:hidden;
padding:0;
width:350px;
Is that anywhere close? -
CP7 Rollover images Show up every OTHER slide
I am using CP7 and I have a number of graphics on slide 1 that I have defined to have a 'rest of project' timing. I have made multiple groups of graphics on slide 1 and I have made them to NOT be 'visible in output' this way, when I need them, I can use advanced actions to hide/show them (by group name) when I need them for subsequent slides. I am using slide 1 for this instead of the master slide because I need to define the stacking of graphics fairly specifically (slide 3 and further have some graphics that need to be in front of some things and behind some other things).
The set up is that I have a smart shape with a graphic and I am using it as a button on slide 1 (NOT visible in output and lasts for rest of project). Overlayed over top of my smart shape/button is a rollover image. The two objects work just like a rollover button you would see on the web. There is an advanced action that opens the group that the button is a part of and a few other graphic groups that I need to make it look good. When you click the button, there is another advanced action that is supposed to hide the group that both of those graphics are in, plus the other graphics that make it look good, and then go to the next slide. There is an advanced action on the next slide OnEnter that shows the what is needed for the beginning of the next slide.
So, here's the problem. When I click my button, everything disappears and goes to the next slide EXCEPT the rollover graphic, which stays on the screen and on top of all other graphics in slide 2. The SAME EXACT advanced action is used on slide 2 to go to slide 3 (with the same exact button because they are all really on slide 1 the whole time and just being made visible or invisible). When I click, I go to slide 3 and the rollover graphic is gone. I click the button again (to go to slide 4) and I go to slide 4 but the rollover graphic is BACK AGAIN!
I know that this is a complicated write-up, and I am going to go start from scratch to see if I can replicate the problem with a stripped down version of the advanced actions in a new file, but I am hoping someone can point me in the right direction about what is going on. I have deleted and re-inserted the rollover image, but it still does the same thing. I have re-coded the advanced action and it still does it. I have copied rollover images that DONT have this weird glitch and it still does it.
Anyone have any ideas?I found a 'workaround' to this problem, but I would still like to know what is going on underneath to make this happen. Since I have all the rollover graphics on the first slide with timing or 'rest of project' I just made an animated button in Flash and imported it as a .swf to replace the rollover image. I changed the smart shape underneath from having the image of the button to being transparent (still have it being used as a button with all the same advanced actions as before). Now the swf handles the rollover and the transparent smart button underneath handles the OnClick action and everything works great.
Not sure what was going on with the rollover images, but at least I was able to get the result I needed. -
Can't get rollover images to work as links [was: I have a question if someone could answer?]
I have fixed my page so I can preview it and everything is working fine but now I cant get my rollover images to work as links. When I go to put in the link like normal the rollover behavior stops working and it is just the original image. Any way for me to turn it into a link but still keep the rollover image change?
[Subject line edited by moderator. Please use more meaningful subject lines in future.]Can you provide a link to your website so we can see what you're seeing?
Without one, you're asking for an answer based on guesswork.
Maybe you are looking for
-
How can I make the comments field appear when the operator is debugging a test?
When a test is being written the comments field is being utilized for information relating to what the test is doing and how to solve certain problems that arise. It is basically a quick place for the technician to look at when they are attempting to
-
Ebay app - Ebay email links wont open in ebay app
Hello, I have new items on saved searches emailed to me daily. When I first used my iPhone when opening an item from an email it opened in the eBay app in mobile format, I disabled this and chose for them to open in full format in safari. How do I de
-
Use solution manager to create customer message and apply oss notes
Hello All, Is it possible to use SAP Solution Manager to create/ open Customer Messages and for the application of OSS notes in satellite systems via solution manager? Currently, our Solution Manager system is bieng used for Central System Monitoring
-
"Export selection as MIDI file" problem...
Hi, i'm having some trouble when exporting my MIDI tracks to MIDI files. I select File, Export, Export selection as MIDI file and when i listen to the midi file, it's the same rhythm pattern but the instrument is a piano instead of the instrument it
-
How do I getFirefox to connect me automatically to AOL Mail?
My Firefox was set up to connect me to AOL Mail right away. In my attempt to solve a different problem, I returned to the "default" setting, and lost that automatic connection. How can I restore it?