Results 1 to 4 of 4

Thread: Relative width for panels in "Step Carousel Viewer v2.0"

  1. #1
    Join Date
    Feb 2015
    Location
    Near Zurich, Switzerland
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Relative width for panels in "Step Carousel Viewer v2.0"

    1) Script Title: Step Carousel Viewer v2.0

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

    3) Describe problem:

    Hey guys,

    I really like the Carousel Viewer and I'm glad it works correctly. I only have a css-related question: Is it possible in any way to set the width for each panel relative to the width of the "surrounding" div (e.g. 50%)? It seems only to work with absolute widths (e.g. 500px).

    Here is the code I relate to (from the DD-Website above):

    .stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 10px; /*margin around each panel*/
    width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    }

    Click image for larger version. 

Name:	correct.jpg 
Views:	222 
Size:	14.0 KB 
ID:	5588

    I now want to do something like this:

    .stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 10px; /*margin around each panel*/
    width: 70%; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    }

    Click image for larger version. 

Name:	wrong.jpg 
Views:	227 
Size:	21.7 KB 
ID:	5589

    But as soon as I set the width to a percentage, it messes the whole script up (see also the pictures, there should be one table on every page/panel)

    Thank you very much for helping

    Cheers, halibali

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

    Default

    Hmm unfortunately there's no easy way at the moment, as that would involve a lot of changes to the code to make it work.
    DD Admin

  3. #3
    Join Date
    Aug 2015
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hello
    ,
    where can i download stepcaroulse 2.0? at this moment i'm using the version that i download from their page but theversion taht is linked is 1.91, http://www.dynamicdrive.com/dynamici...epcarousel.htm

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Given that one of the new features in 2.0 is "navigate by swiping/ mouse dragging"...

    And the linked js file includes this at the top;
    Code:
    	swipethreshold: [50, 300], // distance traveled within x milliseconds before it is considered a swipe [pixels, milliseconds]
    I would surmise that the linked file *is* the one for 2.0 - just the version number inside hasn't been updated.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

Similar Threads

  1. Step Carousel Viewer. Belt "left position" ?
    By semper_simplex in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 09-04-2011, 04:05 PM
  2. Resolved Step Carousel Viewer "what is undefined" error
    By ADHDonnie in forum JavaScript
    Replies: 0
    Last Post: 04-22-2010, 02:47 AM
  3. Help combining "Dynamic Ajax Content" and "Step Carousel Viewer"
    By hpersson in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-17-2009, 09:22 AM
  4. Replies: 1
    Last Post: 09-29-2008, 04:31 PM
  5. ? A Stop Function ? , for "Step Carousel Viewer"
    By haydent in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 08-18-2008, 01:28 AM

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
  •