edtalmadge / Agile-Carousel

JQuery Slideshow/Carousel Plugin
http://www.agilecarousel.com
150 stars 105 forks source link

Agile Carousel Modifications #17

Open artifax opened 12 years ago

artifax commented 12 years ago

I want a Flavor 1-type slider for a web comic strip, but I need the number controls below the slide since people need to read the artwork. I also would prefer the prev/next arrows be off the art as well and really would love to substitute my own "artsy" arrows below the numbers. No appear-on-hover necessary.

This would be for up to a year's worth of strips at a time (156 eventually), so I'd need the numbers to assemble in a paragraph of several lines to hold them all. For layout purposes, I have an example set up with a small selection using a different type of slider and a dummy set of "links" below it. The arrow controls I prefer do work for that temporary slider, which won't accomodate the large number of files I'll accumulate. It's at: http://zakmakestracks.com

Being a newbie at this stuff (but not at design and art), I'm not sure what has to be modified in the script, but I'm certainly willing to play with it if someone has some advice. Ideas, anyone?

mikeypee commented 10 years ago

I needed something similar - The agile carousel flavor 1 buttons outside the images. I changed the agile_carousel.css file at line 339 and added: top:300px; to #flavor_1 .control_set_1 which works because it already has position:relative. The number 300px is because the height of my carousel is 293px high. I also needed to make sure that in my html code the script settings had: carousel_outer_height: 325 so that there was enough space to display the control buttons. In the css class I also changed the float to left which looked better with the buttons outside. Im sure this reply is far too late for the person that asked but hopefully should help someone :)