Javascript (fadeslideshow) is blocked on IE

**Wettergott** · 03-26-2013, 09:55 PM

Hi guys!
I'm creating my first homepage and want to have such a good locking fadeslide show in my homepage.
so i found this dynamic drive fadeslideshow an put it into my poorly writen homepage. everything works fine,
....on firefox. on internet explorer the javascript is blocked. ->there is a window telling me something like
"the scripts and active-x elements are restricted for this page"
then i can simply activate the javascript and everything works, but i don't want that all my visitors first have
to unblock the javascript.

Is there anyway i can tell IE: "Hi IE, everything is ok, you don't have to block my slideshow by default!"???

The homepagecode goes like:
---------------------------------

<!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>my homepage</title>

<link rel="stylesheet" href="style.css" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

<script type="text/javascript">

var mygallery1=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [767, 301], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["pic/schleife1.jpg"],
["pic/schleife3.jpg"],
["pic/schleife4.jpg"],
["pic/schleife5.jpg"],
["pic/schleife2.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
togglerid: ""
})

</script>

</head>

<body>

<div id="fadeshow1" style="position: absolute; top:103px; left:266px; z-index:3"></div>

</body>
</html>
--------------------------------------------------------------

i know that there has to be a solution because i have seen pages with javascripts that work fine on my IE.

PLEASE HELP ME!

(please write as simple as possible because i'm not used html and i'm not a nativespeaker.)

Thanks you!

regards, Wettergott

**Beverleyh** · 03-26-2013, 10:04 PM

That's fine - you're viewing the web page while its on your computer so IE will present you with that little security notice.

Once you upload everything to your web host, and view the web page over the Internet, everything will be fine - no error notice.

**Wettergott** · 03-27-2013, 04:36 PM

lol it's that easy???
ok, so i chance nothing and everything will work. html seems to be really easy :-)
thank you very much.

another question: is this forum also for general html questions, or only for javascript based threads?

-wettergott

**Beverleyh** · 03-27-2013, 04:40 PM

HTML, CSS, PHP, MySQL, Graphics, Hardware... the works!!

Just choose the most suitable forum heading from the list and post your question in there: http://www.dynamicdrive.com/forums/forum.php

**Wettergott** · 03-27-2013, 08:37 PM

hi, i have another question depending on IE....
i created an icon placed on the left side of the tab. the code is

"<link rel="shortcut icon" type="image/ico" href="pic/haus2.ico" />"

written into the head of the homepage. again firefox is showing it right, while IE just shows it's own
logo. is this problem again because i have the homepage on my pc and not on an extern server?

-wettergott

**jscheuer1** · 03-27-2013, 08:44 PM

It could be. It could also be due to the fact that IE doesn't implement the favicon the same as other browsers. Because it can cache the favicon or lack thereof, sometimes it can take awhile for changes to take effect.

And/or it might be the syntax of the favicon link. The best way is to have one favicon for an entire site and simply place it in the root folder of the domain. Don't use any favicon link tags. All browsers will just automatically pick up on the favicon then. Still, with IE it might take a little time.

**Beverleyh** · 03-27-2013, 08:58 PM

That's partly IE again

it has some interesting little behaviours that can sometimes be really frustrating.

Some browsers (IE) do not show a favicon immediately (not in the same session anyway) and the cache may need to be cleared to pull it through.

But I *believe* the correct link for a favicon is;

Code:

<link rel="shortcut icon" href="http://www.mywebsite.com/favicon.ico" type="image/x-icon" />

With a full absolute path to the favicon. This is what works for me but of course it will only work properly once its on your web host.

**Beverleyh** · 03-27-2013, 09:04 PM

Hi John - you beat me to it (damn iPhone!)

I've never tried just putting the favicon in the root folder but not linking to it. Is that effective in all (major) browsers? I'm intrigued now so I will have to play with it.

**Wettergott** · 03-27-2013, 09:31 PM

Originally Posted by jscheuer1

The best way is to have one favicon for an entire site and simply place it in the root folder of the domain.

what's a root folder? i don't even have a domain. i wanted to write the page first and then put it online. so how do i place it in the root folder of the domain then?
(please tell me like you would tell a child :-) ...as i said...these are my first html steps. )

-wettergott