Hi,
I manage to swap images by clicking on thumbnails.
What I dont manage,
is to save the last selected image into a cookie.
Can anyone help me solve this? Would appreciate it!
HTML Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script
<script>
$(document).ready(function () {
var checkCookie = $.cookie("panel");
if (checkCookie != "") {
$('#panel a:eq('+checkCookie+')').next().show();
} $('.panel-version a').click(function(e){
var src = $(this).attr('href');
$.cookie("panel-version", href);
}); });
</script>
</head>
<body>
<script type="text/javascript">
jQuery(function(){
$('#panel a').click(function(e){
var src = $(this).attr('href');
$('.panel-version').attr('src',src);
e.preventDefault();
}); });
</script>
</div>
<div class="panel" id="panel">
<img src="img1.png" alt="" class="panel-version" />
<h3>Panel colors</h3>
<ul id="nav">
<a href="img1.png"><img src="img1.png" class="panel1" alt="HTML tutorial" width="32" height="32" /></a>
<a href="img2.png"><img src="img2.png" class="panel2" alt="HTML tutorial" width="32" height="32" /></a>
<a href="img3.png"><img src="img3.png" class="panel3" alt="HTML tutorial" width="32" height="32" /></a>
</ul>
</div>
<img src="img1.png" alt="" class="panel-version" />
<img src="img1.png" alt="" class="panel-version" />
</body>
</html>
truble with the cookie part, can anyone help?
