Solved

Wordpress slider

Posted on 2014-01-22
3
421 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.
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 52

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
This article discusses how to create an extensible mechanism for linked drop downs.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…

911 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now