Design Chemical

6 Comments

• 
  lcyfer 2011 Jun 10 at 8:34 pm

  thx.
  but unchanged.

  .dc-slick {width: 500px;}
  #slick-1.dc-slick {width: 100px;}
  #slick-2.dc-slick {width: 300px;}

  slick-1 & slick-2 are width: 500px

  Reply
  • 
    Admin 2011 Jun 10 at 10:57 pm

    Make sure that your idWrapper option is set, otherwise the plugin assigns the value dynamically – e.g.

    $('#slick-1').dcSlick({
    			location: 'left',
    			align: 'top',
    			offset: '100px',
    			speed: 'slow',
    			tabText: 'Slick 1',
    			autoClose: true,
    			idWrapper: 'dc-slick-1'
    	});
    

    for the CSS you would use:

    #dc-slick-1.dc-slick {width: 100px;}
    

    Reply
    • 
      lcyfer 2011 Jun 11 at 3:41 am

      Hope fulfilled! Thank you!!

      and Q

      slick-1 and slick-2 want the same width, is now an error to use the same idWrapper.
      text$(‘#slick-1′).dcSlick({idWrapper: ‘dc-slick-1′});
      $(‘#slick-2′).dcSlick({idWrapper: ‘dc-slick-1′});/text
      is error.

      text#dc-slick-1.dc-slick {width: 100px;}
      #dc-slick-2.dc-slick {width: 100px;}/text
      and
      text$(‘#slick-1′).dcSlick({idWrapper: ‘dc-slick-1′});
      $(‘#slick-2′).dcSlick({idWrapper: ‘dc-slick-2′});/text
      is OK

      want many slicks of the same width => need many different idWrapper ?

      Reply
      • 
        Admin 2011 Jun 11 at 1:15 pm

        The ID must always be unique for each HTML element

        Reply
• 
  lcyfer 2011 Jun 10 at 4:57 pm

  Now all slicks’s width is only one size.
  　CSS -> “.dc-slick {width: …px”.
  I want “width” options one by one.
  $(‘#slick-1′).dcSlick({
  width: ’100px’
  });
  $(‘#slick-2′).dcSlick({
  width: ’300px’
  });
  …… like it.

  Reply
  • 
    Admin 2011 Jun 10 at 5:12 pm

    Hi – set the width the slick items using CSS:

    #slick-1.dc-slick {width: 100px;}
    #slick-2.dc-slick {width: 300px;}
    

    Reply