Hello Everybody, I face a problem on my worpress theme. I finished my PSD to HTML conversion & html template is 100% OK, When I put in my wp, jQuery slider not working... Please help me ASAP. I'm waiting for your response.
My header file is:
<!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">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php
if(is_home()){
wp_title('|',true,'right'); ?><?php bloginfo('name'); echo ' | '; echo bloginfo('description');
}
else{
wp_title('|',true,'right'); ?><?php bloginfo('name');
}
?></title>
<link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet" type="text/css" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.timelinr-0.9.52.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>
</head>
<body>
<div id="header">
<div id="header_top">
"><div id="logo">
<h1 class="logo_name">disignimo</h1>
<!-- "><img src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="Company Logo" />-->
<h2 class="slogan">Web Innovators</h2>
</div>
<div id="menu"> <?php wp_nav_menu( array( 'container' => false, 'menu_id' => 'menu', 'theme_location' => 'header_menu' )); ?></div>
<div class="clr"></div>
</div>
<div class="slide">
<div id="search">
<!--
<input id="searchfield" type="text" name="Search" />
<input id="searchbtn" type="submit" name="Submit" value="" />
-->
<?php dynamic_sidebar('search'); ?>
</div>
<div class="clr"></div>
<!-- Start Slider-->
<div class="slider">
<div id="slider_out">
<div id="slides">
<ul id="dates">
<ul id="issues">
<li id="1900"> <img src="<?php bloginfo('template_directory'); ?>/images/1.png" width="256" height="256" />
<h1>Slide Demo 1</h1>
<p>Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit.
<div class="view_link">
<div class="hLink_1"> ">Take The Tour</div>
<div class="hLink_2"> ">Portfolio</div>
</div>
</p>
<li id="1944"> <img src="<?php bloginfo('template_directory'); ?>/images/3.png" width="256" height="256" />
<h1>Slide Demo 2</h1>
<p>Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit.
<div class="view_link">
<div class="hLink_1"> ">Take The Tour</div>
<div class="hLink_2"> ">Portfolio</div>
</div>
</p>
<li id="1950"> <img src="<?php bloginfo('template_directory'); ?>/images/4.png" width="256" height="256" />
<h1>Slide Demo 3</h1>
<p>Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.
<div class="view_link">
<div class="hLink_1"> ">Take The Tour</div>
<div class="hLink_2"> ">Portfolio</div>
</div>
</p>
<li id="1971"> <img src="<?php bloginfo('template_directory'); ?>/images/5.png" width="256" height="256" />
<h1>Slide Demo 4</h1>
<p>Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.
<div class="view_link">
<div class="hLink_1"> ">Take The Tour</div>
<div class="hLink_2"> ">Portfolio</div>
</div>
</p>
<li id="1999"> <img src="<?php bloginfo('template_directory'); ?>/images/8.png" width="256" height="256" />
<h1>Slide Demo 5</h1>
<p>Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.
<div class="view_link">
<div class="hLink_1"> ">Take The Tour</div>
<div class="hLink_2"> ">Portfolio</div>
</div>
</p>
<li id="2001"> <img src="<?php bloginfo('template_directory'); ?>/images/9.png" width="256" height="256" />
<h1>Slide Demo 6</h1>
<p>Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.
<div class="view_link">
<div class="hLink_1"> ">Take The Tour</div>
<div class="hLink_2"> ">Portfolio</div>
</div>
</p>
<li id="2011"> <img src="<?php bloginfo('template_directory'); ?>/images/10.png" width="256" height="256" />
<h1>Slide Demo 7</h1>
<p>Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien.
<div class="view_link">
<div class="hLink_1"> ">Take The Tour</div>
<div class="hLink_2"> ">Portfolio</div>
</div>
</p>
<div class="clr"></div>
</div>
</div>
<!-- End Slider-->
</div>
</div>
</div>
<div class="clr"></div>
<div id="container">
..................................................................
AND my javascript code is:
<script>
jQuery(function(){
jQuery().timelinr({
autoPlay: 'true',
autoPlayDirection: 'forward',
startAt: 4
})
});
</script>
..........................................
Regards
Hasibul
Please help me ASAP. I'm waiting for your response.