?
Solved

HTML - Maybe

Posted on 2013-10-25
10
Medium Priority
?
164 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
[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
10 Comments
 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
ID: 39602109
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 83

Expert Comment

by:Dave Baldwin
ID: 39602131
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 750 total points
ID: 39602256
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
Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

 

Author Comment

by:dawber39
ID: 39602697
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
 

Author Comment

by:dawber39
ID: 39602701
Or maybe I can put  powerpoint slideshow in there? is that possible?
0
 
LVL 53

Accepted Solution

by:
Scott Fell,  EE MVE earned 750 total points
ID: 39602762
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
ID: 39602913
I will give that a try when I return home - Thanks
0
 
LVL 43

Expert Comment

by:Rob
ID: 39676096
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
ID: 39676097
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

New benefit for Premium Members - Upgrade now!

Ready to get started with anonymous questions today? It's easy! Learn more.

Question has a verified solution.

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

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

801 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