Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Use Jquery SlideShow plugin to create form in cold fusion for slide show creation

Posted on 2010-09-14
11
Medium Priority
?
563 Views
Last Modified: 2012-05-10
Scenerio:

We need to have slide shows created for all our camps.  Users will ftp a folder with the images and somehow I need to have way for those folder images to become a slide show.  I have heard about using a jquery plugin, but how do I read the folder content and loop through it to create a slide show?

Here is the plug in link, the page will be coded in cold fusion
http://plugins.jquery.com/project/slideview

I just need someone to give the dog a bone... point me in the right direction..
0
Comment
Question by:Albee_J
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 4
11 Comments
 
LVL 9

Assisted Solution

by:TonyReba
TonyReba earned 400 total points
ID: 33678815
try

http://pikachoose.com/

this will help you doing what you need in a very easy way
0
 
LVL 52

Accepted Solution

by:
_agx_ earned 1600 total points
ID: 33679042
Use cfdirectory (or cfftp) to get a listing of images in that directory. Then output the query results to generate the slides.  This sample was tested. But you'll obviously need to fix all of the paths to match your local environment.

<!--- find all GIF, JPG and PNG images --->
<cfdirectory action="list" directory="c:\someDirectory" filter="*.gif|*.png|*.jpg" name="getImages">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--- update the js / css file paths --->
<link rel="stylesheet" type="text/css" media="screen, projection" href="slideview.css" />
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="slideView.1.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
      $("#slideshow").slideView({
            loop: true
      });
});
</script>
</head>
<body>
<div id="slideshow">
      <ul class="slideView">
        <!---
              I don't know the max num. of images allowed. So you may want to set
             a limit via maxRows
         --->
      <cfoutput query="getImages">
                <!--- update <img src=".."> as needed --->
            <li><a href="##"><img src="/path/to/#name#" /></a></li>
      </cfoutput>
      </ul>
</div>
</body>
</html>
0
 

Author Comment

by:Albee_J
ID: 33683405
I will test both and advise, YOU GUYS ROCK!
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:Albee_J
ID: 33685194
agx:

I am having a hard time finding these files:

slideview.css  & slideView.1.2.js
0
 

Author Comment

by:Albee_J
ID: 33685320
When I go here to download the files http://plugins.jquery.com/project/slideview  it takes me to a long list of plugins, I tried to do a search and nothing
0
 

Author Comment

by:Albee_J
ID: 33685745
I got a test working, but the styling is all over the place :/

http://nutsandboltsfoundation.org/Manufacturing-Camps/test-slideshow.cfm?CampID=20#
0
 

Author Comment

by:Albee_J
ID: 33685938
Kk just need to get the thumbnails working
0
 
LVL 52

Expert Comment

by:_agx_
ID: 33689711
Sorry for the delay.  

For my example, I used one of the downloads from the 1st link you gave us.  Look towards the bottom of the page

http://plugins.jquery.com/project/slideview
....
Downloads
Recommended releases
Version       Downloads       Date       Links
1.2.2                                         
....
0
 
LVL 52

Expert Comment

by:_agx_
ID: 33689748
It's also available on the "Home Page" listed under that plugin
http://pagetalks.com/download/6/
http://pagetalks.com/2009/03/09/jquery-slideview-plugin.html
0
 

Author Comment

by:Albee_J
ID: 33691631
Thanks agx!

I ended up using solutions from both agx and TonyReba's suggestion to use pikachoose so I will split the points.

Thank you both!

http://nutsandboltsfoundation.org/Manufacturing-Camps/Manufacturing-Camp-Slides.cfm?CampID=20
0
 
LVL 52

Expert Comment

by:_agx_
ID: 33692083
That looks awesome! (Almost makes me want to sign up.. but I'm too old ;-) Thanks for sharing the finished product with us.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

604 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question