Solved

HTML - Maybe

Posted on 2013-10-25
10
154 Views
Last Modified: 2013-11-25
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
Comment
Question by:dawber39
10 Comments
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
Comment Utility
Will you please be more specific.  

Is your question on how to make a slide show?  or where to place a slide show?
0
 
LVL 82

Expert Comment

by:Dave Baldwin
Comment Utility
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
 
LVL 5

Assisted Solution

by:abhishek1986
abhishek1986 earned 250 total points
Comment Utility
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
 

Author Comment

by:dawber39
Comment Utility
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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 

Author Comment

by:dawber39
Comment Utility
Or maybe I can put  powerpoint slideshow in there? is that possible?
0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 250 total points
Comment Utility
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
 

Author Comment

by:dawber39
Comment Utility
I will give that a try when I return home - Thanks
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
Comment Utility
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
 

Author Closing Comment

by:dawber39
Comment Utility
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

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

772 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now