SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Add slider to WP home page

    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
    Herman Drost
    http://www.isitebuild.com
    Affordable Web Site Design
    and Web Site Hosting

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,623
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    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. #3
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    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
    Herman Drost
    http://www.isitebuild.com
    Affordable Web Site Design
    and Web Site Hosting

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,623
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    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.)

  5. #5
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for taking a look at it..will try to work it out from what you provided.
    Herman Drost
    http://www.isitebuild.com
    Affordable Web Site Design
    and Web Site Hosting

  6. #6
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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
    Herman Drost
    http://www.isitebuild.com
    Affordable Web Site Design
    and Web Site Hosting

  7. #7
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,623
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    They are all showing up for me. Have you refreshed your browser / cleared your cache?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •