Först vill jag refferera till http://www.pellesoft.se/communicate/forum/view.aspx?msgid=181319&forumid=65&sum=0 för att ni skall förstå vad jag syssla med. Jag hittade ett script, som gör att jag kommer en bit på vägen.Funderingar om OnMouseOver
Via ett script, så fyller jag alltså upp "ramen" av bilder, och vad jag skulle vilja är, att OnMouseOver, på en av bilderna, så skall en förstorad bild, av den man har musen över, dyka upp i mittercellen av tabellen.
När det gäller OnMouseOver så kan man ju peka på en Class(tror det heter så i java-script)
onmouseover="ExpandR();
Min första fråga, kan man skicka med ett agrument till classen?
Min andra fråga, för att få bilden att visas i cellen, bör/måste man använda sig av positionering?
Finns det något annat sätt som är bättre?
Går det inte att lägga in t ex ett id i den aktuella td-taggen och peka på den?
Tacksam för tips och förslag.
Sv: Funderingar om OnMouseOver
Dock ett par saker. Den tycks förstora bilderna, hur jag än förminskar bilderna i Photoshop, så blir
bilden lika stor som tidigare.
Sen ett bekymmer, min klient ville kunna klicka på bilden, för att kunna gå till en annan sida, hur gör jag det?
Jag skickar med koden här:
<style type="text/css">
#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}
#dragbar { background-color: silver; cursor: pointer; right: 100px }
#dragbar #closetext { font-weight: bold; margin-right: 1px }
</style>
<script type="text/javascript">
/***********************************************
* Image Thumbnail viewer- © Dynamic Drive (www.dynamicdrive.com)
* Last updated Sept 26th, 03'. This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var ie=document.all
var ns6=document.getElementById&&!document.all
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat" && !window.opera)? document.documentElement : document.body
}
function enlarge(which, e, position, imgwidth, imgheight){
if (ie||ns6){
crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage
if (position=="center"){
pgyoffset=ns6? parseInt(pageYOffset) : parseInt(ietruebody().scrollTop)
horzpos=ns6? pageXOffset+window.innerWidth/2-imgwidth/2 : ietruebody().scrollLeft+ietruebody().clientWidth/2-imgwidth/2
vertpos=ns6? pgyoffset+window.innerHeight/2-imgheight/2 : pgyoffset+ietruebody().clientHeight/2-imgheight/2
if (window.opera && window.innerHeight) //compensate for Opera toolbar
vertpos=pgyoffset+window.innerHeight/2-imgheight/2
vertpos=Math.max(pgyoffset, vertpos)
}
else{
var horzpos=ns6? pageXOffset+e.clientX : ietruebody().scrollLeft+event.clientX
var vertpos=ns6? pageYOffset+e.clientY : ietruebody().scrollTop+event.clientY
}
crossobj.style.left=horzpos+"px"
crossobj.style.top=vertpos+"px"
crossobj.innerHTML='<div align="left" id="dragbar"><span id="closetext" onClick="closepreview()">Close</span> </div><img src="'+which+'">'
crossobj.style.visibility="visible"
return false
}
else //if NOT IE 4+ or NS 6+, simply display image in full browser window
return true
}
function closepreview(){
crossobj.style.visibility="hidden"
}
function drag_drop(e){
if (ie&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx+"px"
crossobj.style.top=tempy+event.clientY-offsety+"px"
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
}
return false
}
function initializedrag(e){
if (ie&&event.srcElement.id=="dragbar"||ns6&&e.target.id=="dragbar"){
offsetx=ie? event.clientX : e.clientX
offsety=ie? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")
</script>
'sen i bodyn
response.write "<TR><TD align=""center"" valign=""middle""></p>"
Dessutom så skulle jag ha med mig lite text under bilden, går detta att genomföra?
Kunden ville alltså vid onmouseover kunna se den stora bilden, ha den stora bilden klickbar, samt
ha med lite text...
[REDIGERAT]
De flesta problemen är lösta, vet ej hur, men helt plötsligt så börjad det att fungera.
Min avslutande fråga, hur får jag med text som skall under bilden?