HighDots Forums  

reloads hover images on each rollover in IE

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss reloads hover images on each rollover in IE in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Edip
 
Posts: n/a

Default reloads hover images on each rollover in IE - 07-30-2009 , 10:03 AM






I am using spry horizontal menu for my site(using dreamweaver), I
wanted to have rollover image dropdown menu, tried to customize it.


editing css files, without changing the js files,I have a style below
for each of buttons, here you see for button named "amacimiz"


a#amacimiz {background-image:url(../images/amacimiz.jpg); height:13px;
width:121px; display:block;
background-repeat:no-repeat;}
a#amacimiz:hover { background-image:url(../images/amacimiz_over.jpg);
height:13px; width:121px; display:block;
background-repeat:no-repeat;}



everything works fine in other browsers but IE reloads images on each
rollover. this causes the image to show up little bit late depending
on connection speed. When I work on my own computer I cant observe
it.When uploading to the server, starts the problem. How can I solve
this problem?

Thank you.

Reply With Quote
  #2  
Old   
Duncan Kennedy
 
Posts: n/a

Default Re: reloads hover images on each rollover in IE - 07-30-2009 , 01:28 PM






In message
<2c907da6-7f17-48e5-87f4-7ac78fe5ed84 (AT) o6g2000yqj (DOT) googlegroups.com>, Edip
<edipcelebioglu (AT) gmail (DOT) com> writes
Quote:
I am using spry horizontal menu for my site(using dreamweaver), I
wanted to have rollover image dropdown menu, tried to customize it.





everything works fine in other browsers but IE reloads images on each
rollover. this causes the image to show up little bit late depending
on connection speed. When I work on my own computer I cant observe
it.When uploading to the server, starts the problem. How can I solve
this problem?

Do you have a "Body" tag like this (from one of my sites):

<body
onLoad="MM_preloadImages('bar/bar_r1_c1_f2.gif','bar/bar_r3_c1_f2.gif','b
ar/bar_r5_c1_f2.gif','bar/bar_r6_c1_f2.gif','bar/bar_r7_c1_f2.gif','bar/b
ar_r8_c1_f2.gif','bar/bar_r9_c1_f2.gif','bar/bar_r10_c1_f2.gif','bar/bar_
r11_c1_f2.gif','bar/bar_r12_c1_f2.gif','bar/bar_r13_c1_f2.gif')">

Each of the files starting bar/ is a hover / mouse over file that I want
to load right at the start.

I'm no expert and I haven't used Spry (built in Fireworks) but I think
this requires a JavaScript declaration somewhere before it - like:

<script language="JavaScript1.2" type="text/javascript
src="mm_menu.js"></script>

(They will be working OK on your hard drive because of the speed of the
HD against the server / connection speed of the web server.) Not sure
why you are finding it working in other browsers but could it be that
they were slow on the first occasion until the files went into the
cache on your HD?

--
Duncan K
Downtown Dalgety Bay

Reply With Quote
  #3  
Old   
Edip
 
Posts: n/a

Default Re: reloads hover images on each rollover in IE - 07-31-2009 , 02:30 AM



On Jul 30, 8:28*pm, Duncan Kennedy <nos... (AT) nospam (DOT) otterson-bg.couk>
wrote:
Quote:
In message
2c907da6-7f17-48e5-87f4-7ac78fe5e... (AT) o6g2000yqj (DOT) googlegroups.com>, Edip
edipcelebio... (AT) gmail (DOT) com> writes>I am using spry horizontal menu for my site(using dreamweaver), I
wanted to have rollover image dropdown menu, tried to customize it.

everything works fine in other browsers but IE reloads images on each
rollover. this causes the image to show up little bit late depending
on connection speed. When I work on my own computer I cant observe
it.When uploading to the server, starts the problem. How can I solve
this problem?

Do you have a "Body" tag like this (from one of my sites):

body
onLoad="MM_preloadImages('bar/bar_r1_c1_f2.gif','bar/bar_r3_c1_f2.gif','b
ar/bar_r5_c1_f2.gif','bar/bar_r6_c1_f2.gif','bar/bar_r7_c1_f2.gif','bar/b
ar_r8_c1_f2.gif','bar/bar_r9_c1_f2.gif','bar/bar_r10_c1_f2.gif','bar/bar_
r11_c1_f2.gif','bar/bar_r12_c1_f2.gif','bar/bar_r13_c1_f2.gif')"

Each of the files starting bar/ is a hover / mouse over file that I want
to load right at the start.

I'm no expert and I haven't used Spry (built in Fireworks) but I think
this requires a JavaScript declaration somewhere before it - like:

script language="JavaScript1.2" type="text/javascript
src="mm_menu.js"></script

(They will be working OK on your hard drive because of the speed of the
HD against the server / connection speed of the web server.) *Not sure
why you are finding it working in other browsers but could it be that
they *were slow on the first occasion until the files went into the
cache on your HD?

--
Duncan K
Downtown Dalgety Bay

Dear Duncan,

first of all thank you for your reply. You are right with hdd/server
connection issiue. I have tried loading images with body tag, that
didnt work, still pulls. Additionally it continues to pull the images
after first occasion on each rollover. There is IE specific codes in
spry's js file, I dont js at all and by the way site is www.cekirdekyuva.net
and I am testing it on IE8

thank you

Reply With Quote
  #4  
Old   
Duncan Kennedy
 
Posts: n/a

Default Re: reloads hover images on each rollover in IE - 07-31-2009 , 05:27 AM



In message
<8ed5d0d8-bc6d-4e45-889a-98d4225e27ad (AT) v36g2000yqv (DOT) googlegroups.com>,
Edip <edipcelebioglu (AT) gmail (DOT) com> writes

Quote:
Dear Duncan,

first of all thank you for your reply. You are right with hdd/server
connection issiue. I have tried loading images with body tag, that
didnt work, still pulls. Additionally it continues to pull the images
after first occasion on each rollover. There is IE specific codes in
spry's js file, I dont js at all and by the way site is www.cekirdekyuva.net
and I am testing it on IE8

Strangely, I can't make any roll-overs work on your site in Firefox 3,
IE6 or IE 7. No idea why except perhaps there is something strange
happening with Frames. I never use Frames since I had a lot of problems
years ago.

I have never used IE8 so can't be specific about anything there but if
it is downloading the images every time then I would suspect your cache
settings - are they set to clear the cache when you come out? (I know
IE8 has some very different code so I really don't know.)

By the way I always put my <body OnLoad.... information on every page
just in case a visitor decides to enter at something other than the Home
page.

With luck there is somebody out there reading this thread who knows more
about the subject than I do - not difficult! Otherwise, I'm afraid the
only advice I can offer is the usual one - to ask again in the official
Adobe Dreamweaver Forum - it is only available from the Adobe web site
since Adobe abandoned these groups. You can usually get help from the
experts there - but do give them the URL.

--
Duncan K
Downtown Dalgety Bay

Reply With Quote
  #5  
Old   
Edip
 
Posts: n/a

Default Re: reloads hover images on each rollover in IE - 08-01-2009 , 03:45 AM



On Jul 31, 12:27*pm, Duncan Kennedy <nos... (AT) nospam (DOT) otterson-bg.couk>
wrote:
Quote:
In message
8ed5d0d8-bc6d-4e45-889a-98d4225e2... (AT) v36g2000yqv (DOT) googlegroups.com>,
Edip <edipcelebio... (AT) gmail (DOT) com> writes



Dear Duncan,

first of all thank you for your reply. You are right with hdd/server
connection issiue. I have tried loading images with body tag, that
didnt work, still pulls. Additionally it continues to pull the images
after first occasion on each rollover. There is IE specific codes in
spry's js file, I dont js at all and *by the way site iswww.cekirdekyuva.net
and I am testing it on IE8

Strangely, I can't make any roll-overs work on your site in Firefox 3,
IE6 or IE 7. *No idea why except perhaps there is something strange
happening with Frames. *I never use Frames since I had a lot of problems
years ago.

I have never used IE8 so can't be specific about anything there but if
it is downloading the images every time then I would suspect your cache
settings - are they set to clear the cache when you come out? *(I know
IE8 has some very different code so I really don't know.)

By the way I always put my <body OnLoad.... *information on every page
just in case a visitor decides to enter at something other than the Home
page.

With luck there is somebody out there reading this thread who knows more
about the subject than I do - not difficult! *Otherwise, I'm afraid the
only advice I can offer is the usual one - to ask again in the official
Adobe Dreamweaver Forum - it is only available from the Adobe web site
since Adobe abandoned these groups. *You can usually get help from the
experts there - but do give them the URL.

--
Duncan K
Downtown Dalgety Bay


Hi Duncan and People Who is reading this,

I have written all other forums but got no answer at all, After long
hours of searching, I have solved the problem, it was known issue
about IE (I didnt know it ), if you set a background using css
background-image property, IE will pull the image each time due to a
setting in preferences(to get the updated image), of course for
hover's it will pull the image bg's each time.
here is css for the page named "amacimiz".

<!--
..amacimiz {
height: 13px;
width: 121px;
background-image: url(images/amacimiz_over.jpg);
}
..amacimiz {display:block; }
..amacimiz img { border: 0; }
html>body .amacimiz img{display:block}
..amacimiz a:hover{visibility:visible}
..amacimiz a:hover img {visibility:hidden}
-->


here is html tag of same link for the list type js menu bars

<li class="amacimiz"><a href="amacimiz.php"><img src="images/
amacimiz.jpg" width="121" height="13" /></a></li>

and I think its the best solution for this specific problem. (but
interestingly css doesnt work in seperate file )


Thank you Duncan, thank you people who read our messages!

Reply With Quote
  #6  
Old   
Duncan Kennedy
 
Posts: n/a

Default Re: reloads hover images on each rollover in IE - 08-01-2009 , 05:08 AM



In message
<b869f791-4464-4511-9910-e25c66d50f5a (AT) h31g2000yqd (DOT) googlegroups.com>,
Edip <edipcelebioglu (AT) gmail (DOT) com> writes
Quote:
On Jul 31, 12:27*pm, Duncan Kennedy <nos... (AT) nospam (DOT) otterson-bg.couk
wrote:

With luck there is somebody out there reading this thread who knows more
about the subject than I do - not difficult! *Otherwise, I'm afraid the
only advice I can offer is the usual one - to ask again in the official
Adobe Dreamweaver Forum - it is only available from the Adobe web site
since Adobe abandoned these groups. *You can usually get help from the
experts there - but do give them the URL.

I have written all other forums but got no answer at all, After long
hours of searching, I have solved the problem, it was known issue
about IE (I didnt know it ), if you set a background using css
background-image property, IE will pull the image each time due to a
setting in preferences(to get the updated image), of course for
hover's it will pull the image bg's each time.
here is css for the page named "amacimiz".

[very interesting code snipped}

Thanks for that information, Edip. Filed for future reference.

--
Duncan K
Downtown Dalgety Bay

Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.