Solved

Wordpress slider

Posted on 2014-01-22
3
427 Views
Last Modified: 2014-02-27
Hi,

I'm a bit of a coder (including PHP) but brand new to Wordpress. I recently purchased a Wordpress theme, from what appears to be a very new company and so there is not much in the FAQ or documentation yet.

http://lizardthemes.com/demo/hitech/
http://184.175.99.203/

It uses a custom slider, set for each slide to change after 7000ms. The slide is a picture, with dynamic elements that appear on the slide over the span of 2000ms...and then the whole thing will sit for 7000ms before changing to the next slide and doing the same thing.

But when hen the page is FIRST loaded into a browser...the very first slide will appear with ALL the inserted elements already appearing on the slide. It will then wait the full timeout (7000ms)...and THEN re-create the slide with the 2000ms elements appearing and then waiting for 7000ms.

After that, the slides all work normally...2000ms to appear fully...7000ms pauuse before loading the next (including when it passes through the first slide again)

The end result is the first slide stays on the screen for twice as long (16000ms) before moving to slide 2. In 16 seconds people have already clicked a menu item - defeating the purpose of the slider.

Is there something that can be done about this so the first slide appears only for one (7000ms) rotation? Or even the "FIRST" appearance of the slide appears for 0ms...so when it re-loads the first slide it appears for the total of 9 seconds? An edit to the ./js/jquery.lzslider.js perhaps?

Thanks!
Mike
jquery.lzslider.js
jquery.cycle.all.js
0
Comment
Question by:Mike R.
[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
3 Comments
 
LVL 17

Expert Comment

by:jrm213jrm213
ID: 39802975
Your best bet would be to put in an email to the developer. I would guess that isn't the intended functionality, and if it is something you paid for, they should fix it. Hacking around in someones code can lead to other problems that you might not notice right away.
0
 
LVL 3

Author Comment

by:Mike R.
ID: 39804327
I did put in a support request. We'll have to see what comes back :-)
0
 
LVL 53

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39805878
No need.  If you look at the script that loads on the page there is a speed and delay.  You can adjust those two items to get what you need.  These sliders load all of your images at once so make sure they are optimized and don't use too many.

<script>
/* <![CDATA[ */
	jQuery(document).ready(function() {
		jQuery('ul.menu').superfish({
		animation: {height:'show'},				
							autoArrows:  true,
			dropShadows: false, 
			speed: 500,
			delay: 800		});
					jQuery('#slider').lzslider({
				delay:5000,
				speed:2000			});
			});
/* ]]> */
</script>

Open in new window

This is the theme without the frame http://lizardthemes.com/preview/?preview=1&template=hitech&stylesheet=hitech

Before you do start customizing this to your own needs, it is a good idea to fix up the code.  It is typical the $50 WP themes have errors.  The validator shows a good handful of errors.  I am not anal about all of this stuff myself, but things like duplicate id's may be there for demo, in a live site you would not want this.  These are all minor errors you can fix on your own.  Just do it before you get too deep.
0

Featured Post

Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

Question has a verified solution.

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

Introduction Chart.js, used properly, can visually add a difference to your charting applications. It engages your visitors and allows them to interact with data they otherwise wouldn't be able to without expensive and complicated systems. For this…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
Suggested Courses

752 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