Solved

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

Posted on 2014-11-11
2
208 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 29

Accepted Solution

by:
sammySeltzer earned 500 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 1

Author Closing Comment

by:niceoneishere
ID: 40438308
Thanks
0

Featured Post

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!

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

705 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