Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 245
  • Last Modified:

Easy way to swap image out on page load

How can I swap an image on page load that will rotate 4 images all same size in same position.  The swap image behavior in dreamweaver cs4 only does this for 2 images.  Don't want complex coding.
0
kdschool
Asked:
kdschool
1 Solution
 
Jason C. LevineNo oneCommented:
Swap image is meant for rollover effects (image changes onmouseover or similar event).  When you say you want 4 images, what is the desired application?  Slideshow?
0
 
leakim971PluritechnicianCommented:
Don't want complex coding.
Check this plugin : http://jquery.malsup.com/cycle2
0
 
Pravin AsarCommented:
Of course, there are tons of jquery image rotator codes.

Here is one I had created some time back
http://jsfiddle.net/pravinasar/6qmv3hqr/

You may explore, Ninja Slider

http://www.menucool.com/responsive-slider#view2
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
kdschoolAuthor Commented:
On this plug in do I download the files and put them in my directory with the page I want to cycle the photos on?  Then just add their code and point to my image files.  I tried this and it's not working correctly.

Check this plugin : http://jquery.malsup.com/cycle2
0
 
kdschoolAuthor Commented:
If I already am using a jquery menu on this page can I still use this also?  I have tried downloading the files to my directory and pointing to those in the header, also pointing to his files.  Then put this in a div tag that is the grid and added my images and it just displays all at the same time under each other.  Not sure what I am doing wrong.
0
 
leakim971PluritechnicianCommented:
Check the console to locate error
Where to see your page?
0
 
kdschoolAuthor Commented:
It's working now if I use his exact location for the files in the header.  I guess that is ok unless he moved them.  Why if I downloaded both of those files and then pointed to them as the src would it not work.  The console only shows one error and I don't think it's relelvant.  I am not using //@ anywhere in this code.

Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead
0
 
kdschoolAuthor Commented:
Very good program and showed me how to debug it also.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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