Problema Afisare imagine cu jQuery

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
claUdiu
Mesaje: 313

Problema Afisare imagine cu jQuery

Buna, vreau sa afisez si eu o imagine, la marimea ei normala, cand cineva da click pe miniatura. Ei bine, am facut acest script:

Cod: Selectaţi tot

<html>
<head>
<title>Test imagine</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){

$('#imagine').click(function(){

var Imaginee = $(this).attr('src');
alert(Imaginee);
$('#afis_imagine').html("<img src=""+Imaginee+"">");

});

});

</script>
</head>
<body>

<img src="eclipsa.jpg" whidth="100" height="100" id="imagine"/>
<div id="afis_imagine">
</div>

</body>
</html>
Ideea este ca daca dau click pe miniatura, in alertbox imi apare locatia imaginii din src="" dar, dedesupt, in div, nu-mi apare imaginea ci doar acel patratel care-mi spune ca nu a gasit-o. Cand dau click pe el si copiez linkul, mi-l da pe cel al paginii unde este scriptul... Ma poate ajuta cineva? MS mult.
Se spune ca...."omul tot invata in viata". Dar...Totusi...Trebie sa ne oprim undeva, nu?
MarPlo Mesaje: 4343
Eroarea e la codul html pt. imagine, din codul jQuery, mai exact, la utilizarea ghilimelelor (cele duble trebuie incluse /cuprinse intre ghilimele simple).
Inlocuieste acea linie cu asta:

Cod: Selectaţi tot

$('#afis_imagine').html('<img src="'+Imaginee+'">');
- Iar la codul <img> din Body, lungimea e width.

Subiecte similare