Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

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

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

Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
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…

610 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