PDA

View Full Version : Simple Controls Gallery - no images showing



kanjigirl
11-18-2010, 07:37 PM
1) Script Title: Simple Controls Gallery v1.3

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm

3) Describe problem: I have two galleries on one page, but no images are showing. I've gone through the instructions on the demo page step by step and need some assistance, please.

The page is here, the two galleries are to the right of the photo with the text over it in the page header:

http://www.schmidtcustomfloors.com/index2.php

The page header will look like this (only with slideshows) when finished:

http://www.schmidtcustomfloors.com/index.php

jscheuer1
11-18-2010, 08:33 PM
There will be layout issues. But to just get it working, replace:


<script src="jquery-1.2.6.min.js" type="text/javascript"></script>


with:


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

Notes: The jquery-1.2.6.min.js file is a 404 not found. You may download it from the demo page and upload it to the same folder as this page. However, the Google API hosted jQuery 1.4.2 is more efficient, works perfectly well with simplegallery, and presumably is cached by many of your potential users already.

kanjigirl
11-18-2010, 10:47 PM
Perfect, thank you!

kanjigirl
11-18-2010, 11:32 PM
Is it possible to delay one of the two slideshows from starting until a certain time has passed? I want them to be staggered - one autoplays, the other starts shortly after loading.

jscheuer1
11-19-2010, 06:55 AM
Changes/additions highlighted:


<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "collage-middle",
dimensions: [295, 207],
imagearray: [
["http://www.schmidtcustomfloors.com/images/slideshows/ss1-century-maple-kitchen.jpg", "", "", ""],
["http://www.schmidtcustomfloors.com/images/slideshows/ss1-cherry-kitchen.jpg", "", "", ""],
["http://www.schmidtcustomfloors.com/images/slideshows/ss1-handscraped-hickory.jpg", "", "", ""],
["http://www.schmidtcustomfloors.com/images/slideshows/ss1-maple.jpg", "", "", ""],
["http://www.schmidtcustomfloors.com/images/slideshows/ss1-prefinished.jpg", "", "", ""]/*no comma at the last item */
],
autoplay: [true, 3200, 5], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false,
fadeduration: 750, //transition duration (milliseconds)
oninit:function(){},
onslide:function(){}
});

var mygallery2=new simpleGallery({
wrapperid: "collage-right",
dimensions: [305, 207],
imagearray: [
["http://www.schmidtcustomfloors.com/images/slideshows/ss2-birch.jpg", "", "", ""],
["http://www.schmidtcustomfloors.com/images/slideshows/ss2-cherry-skilodge.jpg", "", "", ""],
["http://www.schmidtcustomfloors.com/images/slideshows/ss2-cherry.jpg", "", "", ""],
["http://www.schmidtcustomfloors.com/images/slideshows/ss2-dark-stain.jpg", "", "", ""],
["http://www.schmidtcustomfloors.com/images/slideshows/ss2-prefinished-maple-modern.jpg", "", "", ""]/*no comma at the last item */
],
autoplay: [true, 4200, 5], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false,
fadeduration: 750, //transition duration (milliseconds)
oninit:function(){},
onslide:function(curslide, i){
if(i){
this.setting.autoplay[1] = 3200;
this.setting.onslide = function(){};
}
}
});
</script>

Notes: For the galleries to be staggered and not overtake each other, the fadeduration should be the same for each. The initial delay_btw_slide_millisec is what should be different, at first. After the first slide of the second gallery transitions though, the second gallery's delay_btw_slide_millisec should be brought to match the first's.