sasrkhanh / coin-slider

Automatically exported from code.google.com/p/coin-slider
0 stars 0 forks source link

Slider title width when having two sliders on the same page #6

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
1.create a page with two sliders of diffrent widths 
2.
3.

What is the expected output? What do you see instead? the width set in css file 
coin-slider-styles.css dominates both slides even if the slides are of diffrent 
widths

What version of the product are you using? 1.0 On what operating system? on 
windows

Please provide any additional information below.

FIX

Remove the width:618; from the css class .cs-title in coin-slider-slides.css 
file and move this functionality to the coin-slider.js in the // create title 
bar func by introducing a width attribute to the styles attributes like this:
style=’ width:”+parseInt(params[el.id].width – X)+”px; ………

X would be an int value that you could use to reduce or increase the size of 
the title to fit your needs.

This works for both of them.

Original issue reported on code.google.com by jefk...@gmail.com on 7 Feb 2012 at 7:11