?
Solved

Using jQuery & jQueryTools trying to rotate testimonials and provide view more link

Posted on 2014-11-11
2
Medium Priority
?
242 Views
Last Modified: 2014-11-12
Hi I am trying to display testimonials using jQuery but for some reason they are not showing up.

here is my test site

dev.mommyjewelry.com and on the right side if you scroll down you will see Fans have spoken I am trying to rotate some testimonial images there and also provide a view more link which when clicked should display in a overlay box

But the images are not being displayed and the overlay box is also not displaying.

What am I missing
0
Comment
Question by:niceoneishere
2 Comments
 
LVL 29

Accepted Solution

by:
sammySeltzer earned 2000 total points
ID: 40437660
Well, you can try this and see if it helps you.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>vTicker</title>
<meta name="description" content=" " />
<meta name="keywords" content=" " />

<style type="text/css" media="all">
body,html
{
	padding: 0;
	margin: 0;
}

body
{
	background: #cccccc;
}
#news-container
{
	width: 700px;
	margin: auto;
	margin-top: 30px;
	border: 2px solid #333333;
}

#news-container ul li div
{
	border: 0px solid #aaaaaa;
	background: #ffffff;
}
</style>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.vticker-min.js"></script>
<script type="text/javascript">
$(function(){
	$('#news-container').vTicker({
		speed: 500,
		pause: 3000,
		animation: 'fade',
		mousePause: false,
		showItems: 3
	});
});
</script>

</head>
<body style="background-color:#fff;">

<div id="news-container">
	<ul>
		<li>
			<div>
				<span style="font-weight:bold;"> "I wanted to extend a heartfelt thank you to your company. The necklace I ordered for my mother-in-law arrived on the day you assured me it would, and I'm very grateful. Her party is tonight, & I can't wait to give her the beautiful necklace!! Thanks Again..."</span>
G. Nelson - St. Louis, MO

			</div>
		</li>
		<li>
			<div>

				<span style="font-weight:bold;">"Thank you for your great service and awesome jewelry!""</span>
S. O'Connor - Chatham, NJ
			</div>
		</li>
		<li>
			<div>
			<span style="font-weight:bold;"> "Received my charm and chain today and I LOVE IT! Very quick shipping too. Thanks" : )"</span>
A. Henyecz - Maple Ridge, British Colombia
			</div>
		</li>
		<li>
			<div>
			<span style="font-weight:bold;">	 "You've been great; I really appreciate the fabulous customer service!""</span>
A. Thompson - Portland, ME
			</div>
		</li>
		<li>
			<div>
				<span style="font-weight:bold;"> "I just got my pendant last night and really LOVE it! It is so nice, you did a great job, thanks so much!""</span>
B. Andre - South Windsor, CT
			</div>
		</li>
		<li>
		    <div>
<span style="font-weight:bold;">"Hi, I just got my necklace today and I totally love it!! Just wanted to say thanks! Cheers!""</span>
Reaman - Winsor Junction, Nova Scotia
			</div>
		</li>
		<li>
			<div>
<span style="font-weight:bold;">"Thank you for your prompt response. Your customer service is fabulous!""</span>
J. Karas - Stow, OH
			</div>
		</li>
		<li>
			<div>
<span style="font-weight:bold;">"Awesome!! The customer service that your company provides is beyond excellent - I will be purchasing from you again...and definitely passing along to family, friends...Again thank you.""</span>
K. Larscheid-Pinkard - Garland, TX
			</div>
		</li>
		<li>
			<div>
<span style="font-weight:bold;">"You are so awesome! I will be placing another order next week! I love you all!""</span>
G. Gilderoy - APO AE, NY
			</div>
		</li>
	</ul>
</div>
</body>
</html>

Open in new window


Taken from here:

http://www.jugbit.com/jquery/vticker.php

If you like it, then make whatever additional changes you like. I did make some already.
jquery.js
jquery.vticker-min.js
0
 
LVL 2

Author Closing Comment

by:niceoneishere
ID: 40438308
Thanks
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

571 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