Is this slider part of your theme or is it a plugin?
There are two head closings on your site which could be causing a problem. If you notice in the top left of your page appears /head>
It may be caused by the slider plugin or the theme you’re using. Try deactivating the slider plugin and see if the /head disappears. If not then you will have to go into your Editor -> Header.php and see if there is a duplicate tag at the bottom of your </head> if it looks like this:
</head>
/head>
delete the bottom one
Thread Starter
sabb25
(@sabb25)
esmi: a part of my HTML theme.
dmd54: tried it and still doing the same thing 🙁
Thanks guys!
P.S. its actually an HTML file that I need to turn into WordPress.
Ensure that all of your images have full (absolute) urls.
Thread Starter
sabb25
(@sabb25)
Like this right?
<img src=”images/slide1.jpeg” width=”640″ height=”480″ alt=”Slide 1″>
<div class=”caption” style=”bottom:0″>
<p>Cinnamon Rolls</p>
Thread Starter
sabb25
(@sabb25)
No. Try: <img src="http://your_domain/images/slide1.jpeg" width="640" height="480" alt="Slide 1">
Thread Starter
sabb25
(@sabb25)
Okay, esmi. Will try it…
This may be a dumb question, but my jquery slider <div> is in the index.php file. Should I create a “slider.php”? Also, the script that is in my index.html file:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true,
animationStart: function(current){
$('.caption').animate({
bottom:-35
},100);
if (window.console && console.log) {
// example return of current slide number
console.log('animationStart on slide: ', current);
};
},
animationComplete: function(current){.....
is not included in any of my files… Should I include it as well? Thanks so much!!
[Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum’s parser.]
Thread Starter
sabb25
(@sabb25)
esmi, this didnt work 🙁
<img src=”http://your_domain/images/slide1.jpeg” width=”640″ height=”480″ alt=”Slide 1″>
Did you replace http://your_domain/images with your site’s domain name and the path to the images folder?
Should I create a “slider.php”?
If you only want the slider on your main posts page, I’d just add it to index.php.
Also, the script that is in my index.html file
You need to turn that into an external js script – complete with no-conflict wrappers which you can then enqueue via your theme’s functions.php file.
Thread Starter
sabb25
(@sabb25)
So to clarify… i still need a functions.php? but just containing the wp_queue?
This is how my index.html look like:
<!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="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<title>Joan Lowd VCDD473 IP3</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true,
animationStart: function(current){
$('.caption').animate({
bottom:-35
},100);
if (window.console && console.log) {
// example return of current slide number
console.log('animationStart on slide: ', current);
};
},
animationComplete: function(current){
$('.caption').animate({
bottom:0
},200);
if (window.console && console.log) {
// example return of current slide number
console.log('animationComplete on slide: ', current);
};
},
slidesLoaded: function() {
$('.caption').animate({
bottom:0
},200);
}
});
});
</script>
</head>
<body>
<div id="wrap">
<div id="header">
<h1>JL's WP</h1>
<ul id="nav">
<li><a href="index.html">Home</a><span class="nav-divider">--</span></li>
<li><a href="#">About</a><span class="nav-divider">--</span></li>
<li><a href="#">Blogs</a><span class="nav-divider">--</span></li>
<li><a href="#">Portfolio</a><span class="nav-divider">--</span></li>
<li><a href="#">Contact</a></li>
</div><!--end header-->
The slider script is not in the header.php. Should I put it back on there? Then add the external js script?
[Moderator Note: Please post code or markup snippets between backticks or use the code button. Or better still – use the pastebin. As it stands, your code may now have been permanently damaged/corrupted by the forum’s parser.]
