Solved

HTML - Maybe

Posted on 2013-10-25
10
157 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
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
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 

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 52

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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Find out what you should include to make the best professional email signature for your organization.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
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)

789 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