Solved

HTML - Maybe

Posted on 2013-10-25
10
159 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 250 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
What Is Transaction Monitoring and who needs it?

Synthetic Transaction Monitoring that you need for the day to day, which ensures your business website keeps running optimally, and that there is no downtime to impact your customer experience.

 

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 250 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

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

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

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
Ever visit a website where you spotted a really cool looking Font, yet couldn't figure out which font family it belonged to, or how to get a copy of it for your own use? This article explains the process of doing exactly that, as well as showing how…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.

717 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