• Hello everyone,

    I am new to WP, so please go easy on me. I have scoured websites and this forums for a solution and did every little suggestions step by step. But, I still can’t figure out how my site isn’t showing up the images on my jquery slider and images. I already had it uploaded to my host folder. My site is:

    https://vcdd473.uphero.com/wordpress/

    Any help would be greatly appreciated. Thanks in advance!

Viewing 13 replies - 1 through 13 (of 13 total)
  • 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="https://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=”https://your_domain/images/slide1.jpeg&#8221; width=”640″ height=”480″ alt=”Slide 1″>

    Did you replace https://your_domain/images with your site’s domain name and the path to the images folder?

    Thread Starter sabb25

    (@sabb25)

    yes, i did…

    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" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="https://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.]

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Question Marks on Images’ is closed to new replies.