davy_yg 2 Posting Whiz

Hi,

What's the difference between these two codes:

gallery/index.php

<link rel="stylesheet" type="text/css" href="css/sliderkit-core.css" media="screen, projection" />  

<link rel="stylesheet" type="text/css" href="css/sliderkit-demos.css" media="screen, projection" />  

<link rel="stylesheet" href="css/main.css" type="text/css" />  

<!--[if IE 6]>  

<link rel="stylesheet" type="text/css" href="css/sliderkit-demos-ie6.css" />  

<![endif]--> 

<!--[if IE 7]>  
<![endif]--> 

<link rel="stylesheet" type="text/css" href="css/sliderkit-demos-ie7.css" />  

<!--[if IE 8]>  

<link rel="stylesheet" type="text/css" href="css/sliderkit-demos-ie8.css" />  

<![endif]--> 

   

<script src="js/jquery-1.5.2.min.js"></script>  

<script type="text/javascript" src="js/jquery.sliderkit.1.5.1.pack.js"></script>  

<script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>  

<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>  

<script type="text/javascript" src="js/main.js"></script>  
   

<div class="example">  

    <!-- <h3><a href="#">Slider Kit example</a></h3> --> 

   

    <div class="sliderkit photosgallery-std" id="sliderkit_galery">  

        <div class="sliderkit-nav">  

            <div class="sliderkit-nav-clip">  

                <ul></ul>  

            </div>  

           <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-prev"><a rel="nofollow" href="#" title="Previous line"><span>Previous line</span></a></div>  

            <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-next"><a rel="nofollow" href="#" title="Next line"><span>Next line</span></a></div>  

            <div class="sliderkit-btn sliderkit-go-btn sliderkit-go-prev"><a rel="nofollow" href="#" title="Previous photo"><span>Previous photo</span></a></div>  

            <div class="sliderkit-btn sliderkit-go-btn sliderkit-go-next"><a rel="nofollow" href="#" title="Next photo"><span>Next photo</span></a></div>  

        </div>  

        <div class="sliderkit-panels">  

            <div class="sliderkit-btn sliderkit-go-btn sliderkit-go-prev"><a rel="nofollow" href="#" title="Previous"><span>Previous</span></a></div>  

            <div class="sliderkit-btn sliderkit-go-btn sliderkit-go-next"><a rel="nofollow" href="#" title="Next"><span>Next</span></a></div>  

        </div>  

    </div>  

</div>

and

image_gallery.php

<!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" />
<title>Masterlink International</title>
<link href= "style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href= "includes/navstyle.css" /> 

<link rel="stylesheet" type="text/css" href= "gallery/css/sliderkit-core.css" media="screen, projection" />
<link rel="stylesheet" type="text/css" href= "gallery/css/sliderkit-demos.css" media="screen, projection" />  
<link rel="stylesheet" href= "gallery/css/main.css" type="text/css" />  
<link rel="stylesheet" type="text/css" href= "gallery/css/sliderkit-demos-ie7.css" />  

<script src="gallery/js/jquery-1.5.2.min.js"></script>  
<script type="text/javascript" src="gallery/js/jquery.sliderkit.1.5.1.pack.js"></script>  
<script type="text/javascript" src="gallery/js/jquery.easing.1.3.min.js"></script>  
<script type="text/javascript" src="gallery/js/jquery.mousewheel.min.js"></script>  
<script type="text/javascript" src="gallery/js/main.js"></script>

<script type="text/javascript" src="includes/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="includes/superfish.js"></script>
<script type="text/javascript">
jQuery(function(){
	jQuery('ul.menu').superfish({
		animation: {opacity:'show',height:'show'},
		speed: 'slow', 
		autoArrows: true
	});
});
</script>
     
<style type="text/css">
<!--
.style1 {font-size: 12px}
-->
</style>  
</head>

<body>
    <?php include("includes/header.php"); ?>

<div id="login">
      
      <form action="proseslogin.php" method="post" name="login" target="_self" id="login" style="style.css" title="login"><br />
        user    
          :  
          <input type="text" name="username" id="username" />
          <label>password:          </label>
          <input type="text" name="password" id="password" />
          <label>
          <input type="submit" name="Login" id="Login" value="Login" />
        </label>
      </form> 		
		
<div id="searchwrapper"><form action="">
<input type="text" class="searchbox" name="s" value="Search" onFocus="if (this.value=='Search')this.value='';" onBlur="if (this.value=='')this.value='Search'"/>
<input type="image" src="Images/submit2.jpg" class="searchbox_submit" value="" />
</form></div>        
        
</div>

<div id="menu">            
 	
	<?php include ("includes/navigation.php"); ?>
        
</div>
     

<div id="content">
      
      <?php 
	  
	  include('includes/koneksi.php');
	  
	   
	  ?> 

    
    <div class="example">  

    <h3><a href="#">Slider Kit example</a></h3>  

   

    <div class="sliderkit photosgallery-std" id="sliderkit_galery">  

        <div class="sliderkit-nav">  

            <div class="sliderkit-nav-clip">  

                <ul></ul>  

            </div>  

           <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-prev"><a rel="nofollow" href="#" title="Previous line"><span>Previous line</span></a></div>  

            <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-next"><a rel="nofollow" href="#" title="Next line"><span>Next line</span></a></div>  

            <div class="sliderkit-btn sliderkit-go-btn sliderkit-go-prev"><a rel="nofollow" href="#" title="Previous photo"><span>Previous photo</span></a></div>  

            <div class="sliderkit-btn sliderkit-go-btn sliderkit-go-next"><a rel="nofollow" href="#" title="Next photo"><span>Next photo</span></a></div>  

        </div>  

        <div class="sliderkit-panels">  

            <div class="sliderkit-btn sliderkit-go-btn sliderkit-go-prev"><a rel="nofollow" href="#" title="Previous"><span>Previous</span></a></div>  

            <div class="sliderkit-btn sliderkit-go-btn sliderkit-go-next"><a rel="nofollow" href="#" title="Next"><span>Next</span></a></div>  

        </div>  

    </div>  

</div> 
        
         
</div>

The first one, shows me a nice-looking image gallery. While, the second one, does not (it only shows me a white box with no gallery). Why is it ?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.