Improve company productivity with a Business Account.Sign Up

x
?
Solved

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

Posted on 2014-11-11
2
Medium Priority
?
257 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

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
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…

595 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