WordPress.org

Ready to get started?Download WordPress

Forums

add jquery slide to theme problem (2 posts)

  1. omidgs
    Member
    Posted 1 year ago #

    hello every one
    i want to add a jquery slide to my the

    This slider : http://www.arista.ir/sl.zip

    i added codes to header.php like this

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fa" lang="fa-IR">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="designer" content="Milad abbasi">
    <meta name="designerUrl" content="http://www.m-graphic.ir/">
    <meta name="google key" content="C115MG10014C">
    <?php wp_enqueue_script("jquery"); ?>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/menu.css" type="text/css" media="screen" />
    <link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('template_url'); ?>/favicon.png">
    <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
    elseif (is_single() ) { single_post_title(); }
    elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
    else { wp_title('',true); } ?></title>
    <?php wp_head();?>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="<?php bloginfo('template_url'); ?>/js/jquery.wgslider.js" type="text/javascript"></script>

    and html codes to index.php

    <div id="container">
    <img src="images/ta_header.jpg" />
    <div class="viewer">
    <div class="paging">
    1
    2
    3
    4
    </div>
    <div class="slideimages">
    <img src="images/slide-img-1.jpg" alt="" />
    <img src="images/slide-img-2.jpg" alt="" />
    <img src="images/slide-img-3.jpg" alt="" />
    <img src="images/slide-img-4.jpg" alt="" />
    </div>
    </div>
    </div>

    _ ------ -- - -- - - -- - - - - -- - - - - - -- - - -- -

    and add css to my style.css theme file

    the slider did not work in word press theme
    i see just images thatnormaly stay fix in the page
    what is problem ?

  2. Andrew Bartel
    Member
    Posted 1 year ago #

    Check out Nivo Slider (works out of the box).

    If you don't want to pay, check out this article on jquery sliders. I literally copy pasted the code from this article and it worked when I was getting back into web development.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.