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 ?