Not logged in yet ? jMyCarousel
How do I install JMyCarousel
Installing JMyCarousel is very easy. Starting from the fact that you already know html and css, you just have to integrate to your web page the JMyCarousel script, and to give it some custom parameters to make it work the way you want it (its size, position, behaviour, etc..). Using JMyCarousel is very simple even though it is highly customizable. JMyCarousel will take care of transforming your html photo presentation into a real dynamic carousel.
Your html code should look like the one below :
You would have noticed that the size of the image must be precised. This is to avoid display bugs.
Once you have a proper html code showing your images, you are just two step away.
First, it is necessary to link the page with JQuery, this is the library requested by JMyCarousel. After what we inetgrate the JMyCarousel script and its css presentation file :
In this state, the carousel is ready to work. The only missing step is to pass the custom parameters that you wish for your custom carousel. In the example below, we set a carousel with a width of 100% and scrolling image by image :
If you don't know which parameters are available, you can either refer to the documentation or to the paragraph below
How do i configure it for my needs ?
jMyCarousel has a lot of configuration options :
| btnPrev | the previous button. Can be set outside ot the carousel by giving its jquery reference, $('#layerId') for example. |
| btnNext | next button. Can be set as above |
| mouseWheel | mouseWheel activation or not. true or false. |
| auto | whether the carousel start scrolling automatically (manual mode deactivated, no arrows). true or false. |
| speed | speed of the animation. value in ms. |
| easing | custom animation effect, 'linear' as default. Param is relative to the jquery framework. |
| vertical | whether the carousel is displayed horizontally or vertically. true or false. |
| circular | whether the animation must scroll in a cicular way, without stopping. true or false. |
| visible | size of the carousel. |
| start | what position in pixels the carousel will start at. value in pixels. |
| step | the step size of each animation. value in pixels. |
| eltByElt | shall the carousel move element by element, or in a linear way ? true or false. |
| evtStart | event customization : start event. 'mouseover', 'click', etc.. |
| evtStop | event customization : stop event. 'mouseout', 'mouseup', etc... |
You can have fun playing around with the different options.
How do i modify the carousel appearence ?
To modify the carousel appearence, it is once more very simple (the software engineer is speaking !). As any xhtml script should be, the appearence setup is located in the css file JMyCarousel.css. You just have to modify it to suit your needs !
The arrows don't appear for me
If you don't see the arrows on the carousel, it is probably because you have put the arrows image files in a directory that the css file can't find. Try to modify the css properties to indicate the right path to the images.
It doesn't work for me. What do i do ?
Well.. we are sorry. We did our best to make it work in most of the configurations but it is still possible that JMyCarousel is reticent to some browsers/operating system. Don't forget that JMyCarousel is compatible with the recent browsers only (if you are using sphynx, even though it is a nice browser, you should forget it ;-)). Otherwise make sure that the way you installed it on your web page is correct. Are the scripts and css paths corrects ? Is your html code valid ? As many errors which could prevent JMyCarousel to work.
It still doesn't work for me.. how do i submit a bug report
You can submit a bug report by contacting us directly at bugs@enova-tech.net. If it is a bug, then we will fix it for you !
How do i contribute to JMyCarousel ?
To contribute to JMyCarousel, you can either develop extra features for it, submit bug reports, or still talk about it !
If you have elready developed some interesting features for JMyCarousel, we would love to hear from you ! Feel free to contact us at jmycarousel-lovers@enova-tech.net.
