Looking for a Slideshow that Moves Images from Right to Left

7 posts by 3 authors in: Forums > CMS Builder
Last Post: January 6, 2013   (RSS)

By jeff - December 15, 2012

I need a slideshow that can be integrated with the CMS upload and moves the images from right to left. No thumbnails are required I just need the images to keep looping. Does anyone know know where I can find one that fits this description? The following website has one similar to what I need. http://www.chpllc.com/ Any help would be appreciated. Thanks.

Jeff Renner

By Toledoh - December 16, 2012

Try http://jquery.malsup.com/cycle/ or http://jquery.malsup.com/cycle2/
Cheers,

Tim (toledoh.com.au)

By rconring - December 19, 2012

Sure, here is a script I use all the time from Dynamic Drive:
http://www.dynamicdrive.com/dynamicindex14/translucentslide.htm

Ron Conring
Conring Automation Services
----------------------------------------
Software for Business and Industry Since 1987

By jeff - December 20, 2012

Thanks Ron the slideshow was exactly what I was looking for.  However I am not sure how to make it work with the CMS picture uploader.  Any suggestions?  Thanks again.  

Jeff

By rconring - December 20, 2012

Well, this is how I did it on a recent site.

Step 1:  Create a field in a table that will be loaded for that page.  Mine happened to be home_page on this particular site.  This table holds data unique to the home page so is only 1 record.  The field is an upload field named slide_images and resize options are set to match the dimensions set in the slideshow script.  I use the info fields to hold target URLs for each image (if any). See attached Slides-Upload-Field.jpg

Step 2:  Upload translucentslideshow.js to a "javascript" folder on your site.  There are some settings that can be tweaked in this script to control duration and direction etc. ( js file is attached)

Step 3:  Place the viewer code that loads the table data containing the slide_images field on the page for the slider.  Then place the slideshow code in the page head.  The reason for the conditional display statement is because each image display line must be separated by a comma except for the last image. (See attached PHP-display-code.txt)  

Step 4:  Place a DIV with an ID of "bannerslides" wherever you want the slides to display and set it's dimensions with CSS to height and width of largest image.

Step 5:  Upload your images to the slide_images field and drag them into the proper order.

Once you upload the page to your server, it should work.   If I have forgotten or omitted anything just let me know but this should get you pointed in the right direction.

Ron Conring
Conring Automation Services
----------------------------------------
Software for Business and Industry Since 1987

By rconring - January 6, 2013

You are welcome ... glad to be of assistance.

Ron Conring
Conring Automation Services
----------------------------------------
Software for Business and Industry Since 1987