Mootools image slide show

I need a simple Mootools image slideshow for a Joomla site. It needs to be customised a little differently from most existing components/apps I've found so far.

Because my business operates with a progressive enhancement methodology*, the site displays a non-JS image which happens to be the first slide of the slieshow. The default behaviour of the Forward button takes users to a category page listing all of the slides; the Back button defaults to a disabled state. Other slides are 'saved' to the page as a set of DL elements. I have a code sample available for the hired worker to review; these instructions will make more sense then...

So, the first customisation is that Mootools needs to replace the default behaviour of the Forward and Back buttons with the functionality that controls the slideshow.

The script will then collate the data for the slideshow from the data in the default/shown image and the 'saved' slides in the DL list.

Each slide will link to its own page for users to leave comments, etc.

There is no need for autoplay/timed slides.

Slides will have a similar width (ie. don't assume a fixed width), and will have a variety of heights. Do not give the slideshow a fixed height. Detect the image's height and slide the controls down the page accordingly.

Slides can animate - I normally animate transitions over 0.2seconds with a slight easing and no bounceback. Please leave a constant value at the top of the script for me to change.

I would appreciate being able to swap transitions too; either sliding right-left or a fade. If you build this functionality, please leave a comment in the script indicating which values are valid.

No set number of slides, but likely to be ~10.

Preloading would be good. Put a relative URI in the script and I'll sort out the image, etc.

There will be a final slide that points users to the category list of images; don't loop the slides back to the start. Add a class of 'disabled' to the Forward button at the end of the slideshow.

Deliverable is a single page of Mootools script. Do not add unnecessary CSS styles such as borders, padding, margins, or color. Do not link to external files.

I keep Joomla sites up to date with the latest version, so you can reference the most recent Mootools releases.

Question asked by a bidder - is there any existing JS code to work with?
Answer: No. Feel free to customise existing code or start from scratch. I don't mind as long as it meets spec.

Compétences : Javascript

en voir plus : mootools, joomla back button, hired worker, add padding to image, mootools slideshow script, timed, slide show, make loop, image to slides, javascript controls, sliding show, css slide, joomla sample data, code review javascript, css show image, javascript css show, controls javascript, javascript page transitions, javascript image show, javascript value change, swap sort, image slideshow javascript, css single image, javascript swap, color code reference

Concernant l'employeur :
( 6 commentaires ) Bardon, Australia

Nº du projet : #1630540

Décerné à:


Really accurate and nice specifications, I can do it. I'd be glad to have a look at the code, hope to hear you soon. Alex

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 2 jours
(5 Commentaires)

4 freelance font une offre moyenne de $73 pour ce travail


I'm a developer for both joomla and Mootools so that i'm very interested in this project. Please show me the example code you have for a look i will estimate a right quote for this project. Thanks.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(55 Commentaires)

Hello, im highly interested in your project and im sure i can do this . Let's start now. Thanks.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(11 Commentaires)

Hi..This is zain here.I can do this type of [login to view URL] give me the project to i can prove [login to view URL] check PM..

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(3 Commentaires)