Testimonials

[rogersco]

I have images on my website that I would like to attach their testimonials to. I want to have the written testimonial come up by clicking on their name under the picture or by rolling over it. How would I go about doing this? I am using Dreamweaver.

 

Thanks!!

[falkencreative]

This could be one way of doing it:

 

http://www.dynamicdrive.com/dynamicindex5/popinfo2.htm

 

Alternately, something that looks a bit nicer, but would take slightly longer for the user to download:

 

http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/

[rogersco]

I like the second one you suggested. I am very new to website design, so please forgive my questions.

 

How do I incorporate this into the webpage. Just cut and paste? I have an image of someone and their name beneath them. I would like to make the name show the testimonial when it is rolled over or clicked on.

 

And then how do I change it to the testomonial instead of the RSS feed?

[virtual]

Cut and paste the javascript into the

section of your page. Cut and paste the CSS into your CSS file and cut and paste the HTML into your html page. You will then need to change the images to the name of your images and change the text.

[rogersco]

I cut and pasted everything. But it is not working correctly. I put the javascript in the head, the html in the body, and the css in the css page. I did not want this to be a link to anything. I just want it to have the testimonial popup when you roll across the name.

 

Any suggestions?

[falkencreative]

Have you included the jquery file (this file is from the tutorial page, but it can also be downloaded from http://jquery.com/)?

 

http://www.dvq.co.nz/wp-content/uploads/2008/07/jquery.js

 

Anytime you use jquery you'll need to include that file.

[rogersco]

I haven't. What am I supposed to do with this?

[falkencreative]

Copy the contents of the linked file. Create a new file named jquery.js, and place the copied text in there. Make sure you link it to your file using:

 

within the

tags of your HTML file.

[rogersco]

Copied and created a new file.

 

Here is what the

looks like. Where am I supposed to put the link?

 

/p>

"http://www.w3.org/TR/html4/loose.dtd">

RogersCo.com

 

$(document).ready(function(){

 

$(".rss-popup a").hover(function() {

$(this).next("em").stop(true, true).animate({opacity: "show", top: "-60"}, "slow");

}, function() {

$(this).next("em").animate({opacity: "hide", top: "-70"}, "fast");

});

 

});

 

 

[falkencreative]

The exact location doesn't matter exactly, though it does need to be placed above the javascript you already included. I'd put it a line above

 

[rogersco]

Will you tell me if this is right.

 

The Javascript goes into the

anywhere?

The HTML goes into the body, in front of the image I am using

The CSS, into the CSS page

 

Copied the jquery.js and made a new file.

Put the above the other javascript.

 

In the HTML RSS Feed do I need to change this?

 

Have I left anything out?