Add slider to WP home page

CMS & WordPress
1

How do I add the slider on this page to my [URL=“http://www.drostdesigns.com/DEV/”]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

2

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.

3

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

4

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:

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

The main script for this slider:

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

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

<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.)

5

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

6

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

7

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