Zoomiranje slike i koordinate div-aimam sljedeci problem.. napravio sam sljedeci css koji mi u jednom div-u(.ekran) drzi sliku i drugi div(.naljepnica).
DIV koji se nalazi u unutrasnjosti je nešto kao naljepnica za sliku i pozicioniran je na određenim koordinatama u odnosu na sliku. Problem je kada zoomiram sliku uvecavajuci njen width i height "naljepnica" ne prati zadanu tacku vec ostaje na istom mjestu. Ima li neki nacin da se ovo odradi a da ne moram u javascriptu programirati ponovnu poziciju prilikom zoomiranja.
CSS:
Code:
.ekran {
height: 450px;
width: 500px;
border: 1px dotted #0066CC;
overflow: hidden;
position: relative;
}
.naljepnica {
height: 180px;
width: 220px;
border: 2px dashed #666666;
position: absolute;
left: 280px;
top: 300px;
background-color: #CCCCCC;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
overflow: visible;
color: #009900;
}
.ekran {
height: 450px;
width: 500px;
border: 1px dotted #0066CC;
overflow: hidden;
position: relative;
}
.naljepnica {
height: 180px;
width: 220px;
border: 2px dashed #666666;
position: absolute;
left: 280px;
top: 300px;
background-color: #CCCCCC;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
overflow: visible;
color: #009900;
}
HTML
Code:
<div class="ekran">
<img id="slika" src="slika.jpg" width="800" height="798" />
<div id="naljepnica" class="pendzer">
<p>ovo je neka naljepnica</p>
<p align="center" >Ovo je centar </p>
</div>
</div>
<div class="ekran">
<img id="slika" src="slika.jpg" width="800" height="798" />
<div id="naljepnica" class="pendzer">
<p>ovo je neka naljepnica</p>
<p align="center" >Ovo je centar </p>
</div>
</div>
Hvala na pomoci.
Give me six hours to chop down a tree and I will spend the first four sharpening the axe.
