PDA

View Full Version : Swiss Army SlideShow script and IE compatbility . . assist please . .



boutiquehealth
05-23-2009, 12:36 PM
23.05.09 :: 23:49 hours ( nzst )

Dear John and Script Wizards,

1) Script Title: swiss army

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

3) Describe problem: Does not run in IE 6, 7, 8 . . Does run in Safari 3 and 4 ( win and mac ), Chrome, Firefox 2 and 3 ( win and mac ) . .

I've been here before with you, John, and you kindly remedied that problem with your coding wisdom, thank you ( http://www.dynamicdrive.com/forums/showthread.php?t=43407 ) . . This problem appears to have a similar MO . .

Running a search on swiss army delivered up two pages of problems and solutions but none appear to address our stuckness . . IE inoperability . .

After many iterations of configurations to arrive at a current presentation .

Here is the code implemented into the page head . . ( slide images actually number 40+ )



<style type="text/css">
div#show3 {
background-color:#ffff99;
width:356px;
margin:0 auto;
border:2px solid #f3d901;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('');
}
div#show4 table td {
background-image:url('');
}
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]-->
<script type="text/javascript">
var preload_ctrl_images=true;
var previmg='http://static.shopify.com/s/files/1/0004/7391/files/prevwhiteuu.gif';
var stopimg='http://static.shopify.com/s/files/1/0004/7391/files/stopwhiteu.gif';
var playimg='http://static.shopify.com/s/files/1/0004/7391/files/playwhiteuu.gif';
var nextimg='http://static.shopify.com/s/files/1/0004/7391/files/nextwhite.gif';
var slides=[];
slides[0] = ["http://static0.shopify.com/s/files/1/0004/7391/files/immuneboosta-slideshow384u.jpg", "Olive Leaf Sip - Immune Boosta", "http://www.boutiquehealth.bayoflaura.co.nz/immuneboosta/ib.shtml"];
slides[1] = ["http://static1.shopify.com/s/files/1/0004/7391/files/angeljuicer-product.jpg", "Angel Twin-Gear Stainless-Steel Juice Extractor", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/the-angel-stainless-steel-juice-extractor"];
slides[2] = ["http://static1.shopify.com/s/files/1/0004/7391/files/healthyjuicer3-product.jpg", "Healthy Juicer Mark III ( Manual )", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/healthy-juicer-mk3-manual"];
slides[3] = ["http://static3.shopify.com/s/files/1/0004/7391/files/Kempo-product.jpg", "Kempo Twin-Gear Biomagnetic Juice Extractor ( Red )", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/kempo-twin-gear-biomagnetic-juicer"];
slides[4] = ["http://static0.shopify.com/s/files/1/0004/7391/files/kempo-product-white.jpg", "Kempo Twin-Gear Biomagnetic Juice Extractor ( White )", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/the-kempo-twin-gear-juice-extractor"];
slides[5] = ["http://static0.shopify.com/s/files/1/0004/7391/files/accessory-product.jpg", "Kempo Twin-Gear Biomagnetic Juice Extractor<br/>Pasta and Wheatgrass Accessory", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/kempo-accessories"];
slides[6] = ["http://static2.shopify.com/s/files/1/0004/7391/files/lexenred-product.jpg", "Lexen Electric Juicer ( Red )", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/lexen-electric-juicer-red"];
slides[7] = ["http://static2.shopify.com/s/files/1/0004/7391/files/lexensilver-product.jpg", "Lexen Electric Juicer ( Silver )", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/lexen-electric-juicer-silver"];
slides[8] = ["http://static0.shopify.com/s/files/1/0004/7391/files/lexenwhite-product.jpg", "Lexen Electric Juicer ( White )", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/lexen-electric-juicer-white"];
slides[9] = ["http://static1.shopify.com/s/files/1/0004/7391/files/lexsunivory-product.jpg", "LexSun 6-in-1 Plus Juice Extractor ( Ivory )", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/lexsun-6-in-1-plus-juice-extractor-mdash-ivory"];
slides[10] = ["http://static3.shopify.com/s/files/1/0004/7391/files/ezykleen-product.jpg", "Ezy Kleen Juicer Stain Remover", "http://www.boutiquehealth.co.nz/collections/cold-press-juice-extractors/products/ezy-kleen-stain-remover"];
slides[11] = ["http://static2.shopify.com/s/files/1/0004/7391/files/geniess-product.jpg", "Genie Mark II Manual Water Distiller<br/>( Stainless Finish )", "http://www.boutiquehealth.co.nz/collections/water-distillers/products/the-genie-mk-ii-manual-water-distiller"];
slides[12] = ["http://static3.shopify.com/s/files/1/0004/7391/files/genies-product.jpg", "Genie Mark II Manual Water Distiller<br/>( White Finish )", "http://www.boutiquehealth.co.nz/collections/water-distillers/products/the-genie-mk-ii-s-manual-water-distiller"];
slides.image_controls=1;
slides.fadecolor="#ffff99;"
slides.button_highlight="#f0f8ff;"
slides.border_color="#ffff99;"
slides.border_style='solid'
slides.border=0;
slides.manual_start=1;
slides.pause=1;
slides.no_added_linebreaks=1;
</script>
<script src="http://static1.shopify.com/s/files/1/0004/7391/assets/swissarmy.js" type="text/javascript">
/*****************************************************************************************************
* Swiss Army Image slide show script - John Davenport Scheuer: http://home.comcast.net/~jscheuer1/ *
* This notice MUST stay intact for legal use *
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code *
*****************************************************************************************************/
</script>


And here is the code implemented into the page body . .



<div style="color: #266174; font-size: 15px; font-weight: bold; background-color: #ffff99; text-align: center; padding: 21px 0px 15px 0px; border: 2px dashed #f3d901; margin-bottom: 15px;"><script type="text/javascript">new inter_slide(slides, 2000)</script><div style="color: #000000; font-size: 13px; font-weight: normal; margin-top: 10px;">. . image mouse-over pauses image roll and image clicking visits the showroom page . .</div></div>


Here is the offending web-site page . .

http://www.boutiquehealth.co.nz

We seek your remedial guidance to accomplish IE 6, 7 and 8 compatibilities . .

Yes, we do know that your script does work in IE 6, 7 and 8 because we have visited the script demo page with IE 6 and the slideshow is fully operational . .

However, we really don't have enough of a clue to more quickly resolve what may be a dead simple knowledge matter for the more informed among us . .

[ Images presented vary in height only - width is always 356px . . and we chose to leave the height to be established by the deliberately selected first slide . . meaning the following slides which are smaller leave space above and below as the image presented vertically centers while the larger vertical slides are automatically truncated at display at the bottom of the image consistent with the vertical height of the first slide presented . . lazy but true . . meaning any bottom border doesn't show on larger slide vertical size ]

Presently . . IE browser users see nothing because an IE conditional has been applied . . otherwise only background and controls appear - no slides . .

Your assist is greatly valued . . and thank you for a powerful and well featured script . .

We have one feature or know-how request :

How do we have the current slide that is showing and that freezes on mouse-over show a border only for the duration of the mouse-over ( where it is also clickable through to the relevent item page ) . . maintaining consistency with the whole web-site ?

for now,

much appreciated . . much obliged . .

Yours Sincerely
stuart ~ boutiquehealth

samanthas
06-01-2009, 10:52 AM
This looks like it probably contains an answer to a question I have ...Im trying to figure out how tot change the color of my description text from black to white in the Swiss slideshow (the first one)

Ive tried to change the font color like this



* {

font-family:arial;

font-size:10pt;

font-color:#ffffff and numerous other things but cant figure it out