• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 169
  • Last Modified:

HTML - Maybe

I have a web page I am working on - and there is an image space like this:

<img src="images/family-large.jpg" alt="Img" height="382" width="594">

and what I would like to do is put a slideshow there. There once was a time you could use Picasa to do it, but that functionality is no longer there.

Any ideas? I appreciate any input
0
dawber39
Asked:
dawber39
2 Solutions
 
Scott Fell, EE MVEDeveloperCommented:
Will you please be more specific.  

Is your question on how to make a slide show?  or where to place a slide show?
0
 
Dave BaldwinFixer of ProblemsCommented:
You could put a slide in that position and space but you need a javascript slide show routine to do it.  It would replace the <img> you currently have there.
0
 
abhishek1986Commented:
If you want to rotate a set of images, you will be needing javascript code, or jquery or something:

You can try this website:

http://www.menucool.com/javascript-image-slider

The site allows demo to be installed, which can be studied and used for your own site.
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
dawber39Author Commented:
Sorry it took me so long to respond... it was a long night. I want to put a slide show in place of the image
0
 
dawber39Author Commented:
Or maybe I can put  powerpoint slideshow in there? is that possible?
0
 
Scott Fell, EE MVEDeveloperCommented:
I wouldn't do the powerpoint.  There are a lot of options using jquery for instance

http://www.slidesjs.com/
http://jquery.malsup.com/cycle/
http://wowslider.com/rq/jquery-slideshow/

They are pretty easy to use.  The slidejs for instance you would simply add their js and css then just create a div with the id "slides" and from there add your image links in order.

This should work with almost all browsers that have javascript turned on(most do today)

 <div id="slides">
      <img src="img/example-slide-1.jpg" alt="Photo by: Missy S Link: http://www.flickr.com/photos/listenmissy/5087404401/">
      <img src="img/example-slide-2.jpg" alt="Photo by: Daniel Parks Link: http://www.flickr.com/photos/parksdh/5227623068/">
      <img src="img/example-slide-3.jpg" alt="Photo by: Mike Ranweiler Link: http://www.flickr.com/photos/27874907@N04/4833059991/">
      <img src="img/example-slide-4.jpg" alt="Photo by: Stuart SeegerLink: http://www.flickr.com/photos/stuseeger/97577796/">
      <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
      <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
    </div>

Open in new window

0
 
dawber39Author Commented:
I will give that a try when I return home - Thanks
0
 
RobOwner (Aidellio)Commented:
I've requested that this question be closed as follows:

Accepted answer: 500 points for padas's comment #a39602762

for the following reason:

This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0
 
dawber39Author Commented:
Neither of the ideas worked, and what I did was Create a flash show of the intended slides. But I appreciate the suggestions, and kept everyone waiting long enough.. Thanks you for your help. As always - you people up here are awesome.
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now