Results 1 to 5 of 5

Thread: step carousel + videobox/lightbox problem

  1. #1
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default step carousel + videobox/lightbox problem

    hi ,
    in this page:
    http://www.archirestauro.it/rilievi_progettazione.html
    the step carousel left and right button are always visible also when i click on the image and open videobox frame....

    it's possible to view the enlarged image without this buttons

    please try to click on the images

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    In the videobox.css file, add the highlighted:

    Code:
    body {margin: 0;}
    #lbOverlay {
    	position:absolute;
    	left: 0px;
    	width: 100%;
    	background-color: #000;
    	cursor: pointer;
    	z-index: 999;
    }
    
    #lbCenter, #lbBottomContainer {
    	position: absolute;
    	left: 50%;
    	overflow: hidden;
    	background-color: #fff;
    	text-align: center;
    	padding: 5px;
    	z-index: 1000;
    }
    - John
    ________________________

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

  3. #3
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thank you very much!!

  4. #4
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default second problem

    hi!,
    i have another problem:
    in this page
    http://www.archirestauro.it/rilievi_progettazione.html
    there are six step carousel gallery, but only the first work fine....
    Tnx

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    I only see one:

    Code:
    stepcarousel.setup({
    	galleryid: 'mygallery', //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
    	autostep: {enable:false, moveby:1, pause:3000},
    	panelbehavior: {speed:500, wraparound:true, wrapbehavior:'slide', persist:true},
    	defaultbuttons: {enable: true, moveby: 1, leftnav: ['img/left.png', -2, 105], rightnav: ['img/right.png', -32, 105]},
    	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    	contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
    })
    </script>
    I do see six:

    Code:
    <div id="mygallery" class="stepcarousel"> . . .
    But setup will only take the first one. If you want six, you need six setups each with a unique:

    Code:
    galleryid: 'mygallery', //id of carousel DIV
    and six:

    Code:
    <div id="mygallery" class="stepcarousel"> . . .
    one each corresponding to those six unique id's.

    There could also be other problem(s). But that much needs to be taken care of. Much of the repetition of the setups could be eliminated if they share everything else in common, but that's another topic.
    - 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
  •