Pessoal, estou fazendo esta pagina, para ler algumas fotos e mostrar uma foto apliada, so q estou com um pequeno programa.
O programa faz a troca da imagem, mas nao consigo passar o parametro do href da tag <a>, com o nome da imagem.
Como eu faço para pegar o valor dessa imagem nessa opção?
Segue o codigo fonte:
<html>
<head>
<link rel="stylesheet" type="text/css" href="jqzoom.css">
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.jqzoom1.0.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(function() {
var options =
{
zoomWidth: 500,
zoomHeight: 500,
title: false,
position: "right"
}
$(".jqzoom").jqzoom(options);
});
});
</script>
</head>
<body>
<div id='galeria1'>
<a href="001922_Detalhes0.jpg" *** problema esta aqui *** class="jqzoom" style="" name="ImagemAmpliada">
<img src="001922_Detalhes0.jpg" name="produto" style="border: 1px solid #666;">
</a>
</div>
<div id='galeria'>
<a href="#" onclick="document.images['produto'].src='001922_Detalhes0.jpg'"><img src="001922_Detalhes0.jpg" alt="" style="height:38px;width:46px;border-width:0px;" /></a>
<a href="#" onclick="document.images['produto'].src='001922_Detalhes1.jpg'"><img src="001922_Detalhes1.jpg" alt="" style="height:38px;width:46px;border-width:0px;" /></a>
<a href="#" onclick="document.images['produto'].src='001922_Detalhes2.jpg'"><img src="001922_Detalhes2.jpg" alt="" style="height:38px;width:46px;border-width:0px;" /></a>
<a href="#" onclick="document.images['produto'].src='001922_Detalhes3.jpg'"><img src="001922_Detalhes3.jpg" alt="" style="height:38px;width:46px;border-width:0px;" /></a>
</div>
</body>
</html>