PDA

View Full Version : AnyLink Menu and Windows Media player



southerncrow
02-09-2009, 01:44 PM
1) Script Title: AnyLink JS Drop Down menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem: I have a Photo Gallery using Windows Media Player to display a series of photos, and am using the drop-down menu for Products.

In Explorer the drop-down hides behind the video. And in Firefox the menu totally stops the page from linking to the media player, if I disable the menu the media player is there again.

The site is www.tasmaniashop.com.au

Apart from these hurdles i really like the menu.

jscheuer1
02-09-2009, 02:48 PM
Flash is the only multimedia object that has a documented interface with DHTML. Although MediaPlayer may be used, it has no documented way that I am aware of for stacking visa vis other content (your problem in IE). The other bit (in FF) sounds like a script conflict of some kind. MediaPlayer's interface with browsers other than IE is sketchy as well, even when it works. The plug ins for other browsers (if the user even has a MediaPlayer plug in) often result in a less than optimal presentation (streaming and sizing of the content often will not work as they do in the IE interface). Also, those with other operating systems will not have the MediaPlayer program available anyway.

I would suggest using a DHTML image gallery or a Flash one. Either of these alternatives would be easier to integrate into a page and be more cross browser and more cross platform compatible.

One good DHTML slideshow is:

http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

You may use Google to find others, and to find Flash galleries.

southerncrow
02-10-2009, 08:43 AM
I used the slide show that you suggested, and am very happy with the results.

However, in Explorer the images dont seem to load as smoothly as they do in Firefox. Is that fixable?

....and since i'm only using one slide show, how much code isnt being used that i can delete ?

jscheuer1
02-10-2009, 10:12 AM
All of this can go:


<style type="text/css">

/* All Styles Optional */

* {
font-family:arial;
font-size:10pt;
}
div#show3 {
background-color:#efefef;
width:140px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input, div#show4 table input {
outline-style:none;
}
</style>

<!--[if IE]>
<style type="text/css">
div#show3 table td, div#show4 table td {
height:21px;
}
</style>
<![endif]-->

This:


<script type="text/javascript">

//If using image buttons as controls, Set image buttons' image preload here true
//(use false for no preloading and for when using no image buttons as controls):
var preload_ctrl_images=true;

//And configure the image buttons' images here:
var previmg='left.gif';
var stopimg='stop.gif';
var playimg='play.gif';
var nextimg='right.gif';

var slides=[]; //FIRST SLIDESHOW
//configure the below images and descriptions to your own.
slides[0] = ["SlideShowFiles/tasmania/1.JPG", "1"];
slides[1] = ["SlideShowFiles/tasmania/2.JPG", "2"];
slides[2] = ["SlideShowFiles/tasmania/3.jpg", "3"];
slides[3] = ["SlideShowFiles/tasmania/9.JPG", "9"];
slides[4] = ["SlideShowFiles/tasmania/40.JPG", "40"];
//above slide show uses only the defaults



//Notes:
//slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present
//slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present
//slides#.fadecolor will set fading images background color, defaults to white
//slides#.no_controls will set a slide show with no controls
//slides#.random will set a random slide sequence on each page load
//slides#.delay=3000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter
//slides#.jumpto=1 will display added controls to jump to a particular image by its number
//slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls

//use below to create a customized onclick event for linked images in a given show:
//slides#.onclick="window.open(this.href,this.target,'top=0, left=0, width='+screen.availWidth+', height='+screen.availHeight);return false;"

</script>

Can be:


<script type="text/javascript">

var preload_ctrl_images=false;

var slides=[]; //FIRST SLIDESHOW
//configure the below images and descriptions to your own.
slides[0] = ["SlideShowFiles/tasmania/1.JPG", "1"];
slides[1] = ["SlideShowFiles/tasmania/2.JPG", "2"];
slides[2] = ["SlideShowFiles/tasmania/3.jpg", "3"];
slides[3] = ["SlideShowFiles/tasmania/9.JPG", "9"];
slides[4] = ["SlideShowFiles/tasmania/40.JPG", "40"];

</script>

And this:


<p>
<script type="text/javascript">
//Notes on Parameters: The only required parameter is the slides_array_name. If Width is used, so must Height.
//Interval is optional too. It is always last, either fourth after Width and Height or second after Slides_array_name.
//Usage: new inter_slide(Slides_array_name, Width, Height, Interval)
new inter_slide(slides)
</script>
</p>


<p>
<script type="text/javascript">
new inter_slide(slides2)
</script>
</p>


<p>
<div id="show3"><script type="text/javascript">
new inter_slide(slides3)
</script>
</div>
</p>

should be changed, to:


<script type="text/javascript">
new inter_slide(slides, 768, 576)
</script>

Now, as to smoothness of the images, looks equally smooth to me here in FF, IE, and Opera. However, if you optimize your images, it will speed things up and add smoothness for slower connections.