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
Solved

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

Posted on 2014-11-11
2
203 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 28

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

The New “Normal” in Modern Enterprise Operations

DevOps for the modern enterprise offers many benefits — increased agility, productivity, and more, but digital transformation isn’t easy, especially if you’re not addressing the right issues. Register for the webinar to dive into the “new normal” for enterprise modern ops.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Page auto-refreshes when scrolled on iPhone. 5 53
jQuery dialog box help 2 17
Ahax pagination 9 32
Html Newline 7 20
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
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?
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

789 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