PDA

View Full Version : Remove Scroll Bar



vix
07-12-2010, 11:15 AM
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
07-12-2010, 12:52 PM
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
07-13-2010, 09:05 AM
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
07-13-2010, 02:25 PM
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
07-14-2010, 07:54 AM
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
07-15-2010, 01:48 PM
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
07-16-2010, 10:21 AM
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