Results 1 to 2 of 2

Thread: Accordion & Step Carousel

  1. #1
    Join Date
    Apr 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Accordion & Step Carousel

    1) Script Title: Accordion & Carousel

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...daccordion.htm http://www.dynamicdrive.com/dynamici...epcarousel.htm

    3) Describe problem: I have the Accordion script with headers lik so:

    --Item 1---------
    --Item 2---------
    --Item 3---------

    Within each Item there is a carousel gallery. What's weird is that when one accordion item is open, all the images in teh carousel gallery are shown, but when you click on the other CLOSED item's, only the first image is shown. I can go forward and back on the frames, but it doesn't show any of the images.

    How can I get these working together?

    Code:
    ddaccordion.init({
    						headerclass: "splashSection", //Shared CSS class name of headers group
    						contentclass: "splashSectionContent", //Shared CSS class name of contents group
    						collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
    						defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
    						animatedefault: true, //Should contents open by default be animated into view?
    						persiststate: true, //persist state of opened contents within browser session?
    						toggleclass: ["", "openSplash"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    						togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
    						animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
    						oninit:function(expandedindices){ //custom code to run when headers have initalized
    							
    						},
    						onopenclose:function(header, index, state, isclicked){ //custom code to run whenever a header is opened or closed
    							
    						}
    					})
    					
    					stepcarousel.setup({
    						galleryid: 'item1', //id of carousel DIV
    						beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    						panelclass: 'panel', //class of panel DIVs each holding content
    						statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    						contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
    					})
    					
    					stepcarousel.setup({
    						galleryid: 'item2', //id of carousel DIV
    						beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    						panelclass: 'panel', //class of panel DIVs each holding content
    						statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    						contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
    					})
    					
    					stepcarousel.setup({
    						galleryid: 'item3', //id of carousel DIV
    						beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    						panelclass: 'panel', //class of panel DIVs each holding content
    						statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    						contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
    					})

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.

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
  •