Results 1 to 5 of 5

Thread: Simple Controls Gallery - no images showing

  1. #1
    Join Date
    Jun 2005
    Location
    Colorado, U.S.
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Simple Controls Gallery - no images showing

    1) Script Title: Simple Controls Gallery v1.3

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...plegallery.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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    There will be layout issues. But to just get it working, replace:

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

    Code:
    <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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jun 2005
    Location
    Colorado, U.S.
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Perfect, thank you!

  4. #4
    Join Date
    Jun 2005
    Location
    Colorado, U.S.
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Changes/additions highlighted:

    Code:
    <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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •