I'm a little confused what you're asking now. No javascript will show a local image on the web, except, and only sometimes, on the computer where the local image is. You can see local things locally as long as the browser doesn't think this is a security violation. Many browsers require that all pages, scripts, and content be in the same folder for this, and as I said before, sometimes IE will block any local javascript. (when IE does this, it usually gives you the option to approve it, but the message displayed is often poorly worded and scary sounding) For live pages, all images must be uploaded to the server. Since you are talking about iframe ticker, anything that you can get to show up on a page that is in an iframe should be able to be displayed in the ticker. But, because the ticker hides the content it isn't currently showing you by using display: none, some items (images, Flash, etc.) might not load until they are no longer display: none for long enough for them to be downloaded to the browser. The ticker isn't magic. Anything that would take awhile to download, just because you cannot see it right away, still needs time to download. The script can be modified so that unseen content is hidden in a different manner. That will probably help with large files, but will not completely eliminate the need for images and other large (in byte size) items to download before they can be seen. I think I have such a modified version of the script around here somewhere. If I can find it I will get it to you, otherwise I will write the modifications from scratch and get that to you. But, since I'm not exactly sure what the problem is, this might not be the solution to it.
OK, here's the code for a slightly improved exfile.htm (as mentioned above):
Code:
<script language="JavaScript1.2">
//IFRAME TICKER- By Dynamic Drive (http://www.dynamicdrive.com)
//configure delay between changing messages (3000=3 seconds)
var delay=3000
var ie4=document.all
var curindex=0
var totalcontent=0
function get_total(){
if (ie4){
while (eval("document.all.content"+totalcontent))
totalcontent++
}
else{
while (document.getElementById("content"+totalcontent))
totalcontent++
}
}
function contract_all(){
for (y=0;y<totalcontent;y++){
if (ie4)
eval("document.all.content"+y).style.visibility='hidden'
else
document.getElementById("content"+y).style.visibility='hidden'
}
}
function expand_one(which){
contract_all()
if (ie4)
eval("document.all.content"+which).style.visibility=""
else
document.getElementById("content"+which).style.visibility=""
}
function rotate_content(){
get_total()
contract_all()
expand_one(curindex)
curindex=(curindex<totalcontent-1)? curindex+1: 0
setTimeout("rotate_content()",delay)
}
window.onload=rotate_content
</script>
<BODY bgColor=#FFFFE1>
<!--ADD YOUR TICKER CONTENT BELOW, by wrapping each one inside a <DIV> as shown below.-->
<!--For each DIV, increment its ID attribute for each additional content (ie: "content1", "content2" etc)-->
<div id="content0" style="position: absolute; top: 0; left: 0; visibility:''">
<!-- ADD TICKER's CONTENT #1 HERE--------------------->
<p align="left"><strong><font face="Verdana"><small><a href="http://www.dynamicdrive.com/dynamicindex9/encrypter.htm" target="_top">Source
code encrypter</a> </small></font></strong><br>
<font face="Verdana" size="2">Scramble the source of any chunk of code using
this unique script.</font></p>
<!-- END CONTENT #1----------------->
</div>
<div id="content1" style="position: absolute; top: 0; left: 0; visibility: hidden">
<!-- ADD TICKER's CONTENT #2 HERE--------------------->
<p align="left"><strong><font face="Verdana"><small><a href="http://www.dynamicdrive.com/dynamicindex5/flashlink.htm" target="_top">Flashing
links</a> </small></font></strong><br>
<font face="Verdana"><small>Bring attention to special links, by making them
flash!</small></font></p>
<!-- END CONTENT #2----------------->
</div>
<div id="content2" style="position: absolute; top: 0; left: 0; visibility: hidden">
<!-- ADD TICKER's CONTENT #3 HERE--------------------->
<p align="left"><small><strong><font face="Verdana"><a href="http://www.dynamicdrive.com/dynamicindex13/roamcursor.htm" target="_top">Roaming
Cursor</a> </font></strong></small><br>
<small><font face="Verdana">Display a second, "roaming" cursor on your
page with this fun animation script.</font></small></p>
<!-- END CONTENT #3----------------->
</div>
<div id="content3" style="position: absolute; top: 0; left: 0; visibility: hidden">
<!-- ADD TICKER's CONTENT #4 HERE--------------------->
<p align="left"><font face="Verdana"><strong><a href="http://www.dynamicdrive.com/dynamicindex11/animatedtitle.htm" target="_top"><small>Animated
Document title</small></a><br>
</strong><small>Animate into view your document's title!</small></font></p>
<!-- END CONTENT #4----------------->
</div>
If you want more help - please post a link to the page on your site that shows the problem.
Bookmarks