Add slider to WP home page

**vision2000** · Apr 24, 2012 15:30

How do I add the slider on this page to my WP home page

Would these be the correct steps..

Add the CSS code to my style sheet
Add the html/css/javascript to home.php
Upload file and images to server

If so where in home.php would I add the above?

I want to position the page elements on my home page in the same place as in the template.

Thanks

**ralph.m** · Apr 24, 2012 18:05

You've actually linked to the same page twice, so we can't see the slider. But what you describe sounds about right. You just need to make sure which file holds the relevant code for that part of the template.

**vision2000** · Apr 25, 2012 04:44

Originally Posted by ralph.m

You've actually linked to the same page twice, so we can't see the slider. But what you describe sounds about right. You just need to make sure which file holds the relevant code for that part of the template.

Sorry about the mix-up.
Here's the link to the slider I was talking about: http://ihost-websites.com/FBC/

Which javascript code in the header of the template relates to the slider and how do I insert it into my WordPress Home Page?

Thanks

**ralph.m** · Apr 25, 2012 06:30

It seems to be a script called TMSlider, but I can't find it online, so I'm not sure if it's free to use or not. Anyhow, three scripts on that page control it:

The jQuery library:

Code:

<script type="text/javascript" src="js/jquery-1.6.3.min.js">

The main script for this slider:

Code:

<script type="text/javascript" src="js/tms-0.3.js">

And an extra bit of script at the bottom of the page:

Code:

<script>
$(window).load(function() {
$('.slider')._TMS({
duration:800,
easing:'easeOutQuad',
preset:'simpleFade',
slideshow:7000,
banners:'fade',
pauseOnHover:true,
waitBannerAnimation:false,
nextBu:"._next",
prevBu:"._prev"
});
}); 
</script>

If you view the source code of the page, you could grab the HTML for the slider, and also the CSS styles. And the scripts are there before your eyes, too. But different bits will go in different places in WP, You could link to all of the scripts just before the closing <body> tag (so find the template for that) and set up the gallery code in the template that holds that part of the page. (I'm not all that familiar with WP any more, I'm afraid.)

**vision2000** · Apr 25, 2012 07:05

Thanks for taking a look at it..will try to work it out from what you provided.

**vision2000** · Apr 25, 2012 07:57

Please take a look at: http://www.drostdesigns.com/DEV/
I got the slider to appear on the page but the images and text don't appear even though I used full paths for the javascript, css and image files.

Please advise

Thanks

**ralph.m** · Apr 25, 2012 16:31

They are all showing up for me. Have you refreshed your browser / cleared your cache?

User Tag List

Thread: Add slider to WP home page

Thread Tools

Display

Add slider to WP home page

Bookmarks

Bookmarks

Posting Permissions