Remove Scroll Bar

[vix]

1) Script Title: Stepcarousel

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

3) Describe problem: I've had to combine css and js pages to ensure faster downloading for IE. Having done that, I now have a scroll bar on my stepcarousel. Eg: http://www.jacksdesign.co.uk/commissions/JR13d-6mmMoonstone18W_simple.php

Woud you please tell me how to remove it?

Many thanks.

Vicky

[vwphillips]

you have not included the JQuery code so the script is not initialising

if you are conseren about the size of the code the do not use JQuery

the solution I gave on post

http://www.dynamicdrive.com/forums/showthread.php?t=55765

uses minimal code

BTW it is polite to answer replies to your posted requests

[vix]

Dear Vic

Thank you for that. I'm sorry that I haven't replied to your previous replies to my other query. I'm very grateful when people take the time to help me out.

I'll try this and let you know how it went.

Vicky

[vix]

Hi Vic

I have tried what you described and this is what I get: http://www.jacksdesign.co.uk/commissions/JR13d-6mmMoonstone18W_simple.php

I've removed the css so it looks a little strange, but it's the stepcarousel that I'm interested in. It still has the scrollbar around the box.

Do you have any further ideas?

Thank you in advance.

Vicky

[vwphillips]

have another look at my example

it has


<script type="text/javascript">
/*<![CDATA[*/

new StepCarousel({
galleryid: 'bottom', //id of carousel DIV
panelclass: 'panel', //class of panel DIVs each holding content
moveby:8,
GoTo:2, // set this to the set number to be visible on page load
LeftNav:'left',
RightNav:'right',
Speed:500
});

/*]]>*/
</script>


immediatly before the </BODY> tag

[vix]

Dear Vic

Thank you for that.

Seems to work fine in Safari, Opera and Firefox, however the scrollbar is still there when viewed in IE6 - really very annoying.

Also, I've lost my right and left arrows:

http://www.jacksdesign.co.uk/commissions/JR13d-6mmMoonstone18W_simple.php

Thank you for all your help with this.

Vicky

[vwphillips]

1) change the width of class name .belt to 20000px

2) the left and right controlls must be defined in the HTML and positiond as required.




.........

</div>
<img id="right" src="http://www.jacksdesign.co.uk/rings/ellipse/../../images/arrow_left.gif" style="position:relative;top:0px;" />
<img id="left" src="http://www.jacksdesign.co.uk/rings/ellipse/../../images/arrow_right.gif" style="position:relative;left:860px;top:0px;" />


<div id="footer">
<div id="footer_right"><a href="http://www.goodwebdesignuk.com" target="_blank" class="bottom">website design</a></div>
<div id="footer_left">&copy; Jacks Jewellery Design 2010</div>

..............


3) the initialise call is


<script type="text/javascript">
/*<![CDATA[*/

new StepCarousel({
galleryid: 'bottom', //id of carousel DIV
panelclass: 'panel', //class of panel DIVs each holding content
moveby:8,
GoTo:2, // set this to the set number to be visible on page load
LeftNav:'left',
RightNav:'right',
Speed:500
});

/*]]>*/
</script>



this is all in my previous example