Solved

Wordpress slider

Posted on 2014-01-22
3
420 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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
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…

743 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

11 Experts available now in Live!

Get 1:1 Help Now