Увеличение картинки при наведении на ссылку

[thinkslow]

Имеется такой вот код. Картинка представленна ссылкой, которая увеличивается при наведении.

И имеется текстовая дублирующая ссылка.

Что сказать текстовой ссылке, чтобы при наведении на нее, картинка также увеличивалась?

<style type="text/css">
.blok1 {position: relative; cursor:pointer; display: inline-block;}
.blok1 img + img {position:absolute; left: 0; top:0; z-index:100; display: none;}
.blok1:hover img + img {display: block;}
</style>

<div class="blok1">
<a href="#">
<img height="100px" src="1.jpg"/>
<img height="200px" src="1.jpg"/>
</a>
</div>

<a href="#">link1</a>

[alekseyk24]

http://jsfiddle.net/qa8JL/1/embedded/result/

[thinkslow]

http://jsfiddle.net/qa8JL/1/embedded/result/

Отлично. Спасибо!

Как то не подумал.

А как решить задачу, не вкладывая текстовую ссылку в див?

Допустим между картинкой и ссылкой кусок кода.

Решение выше подходящее, но я, почемуто, думал в этом направлении.

Edited December 1, 2012 by thinkslow

[alekseyk24]

http://jsfiddle.net/qa8JL/1/embedded/result/

Отлично. Спасибо!

Как то не подумал.

А как решить задачу, не вкладывая текстовую ссылку в див?

Допустим между картинкой и ссылкой кусок кода.

Решение выше подходящее, но я, почемуто, думал в этом направлении.

Сори другого способа не знаю , может по опытнее подскажут.