12. oktober 2004 - 14:49Der er
9 kommentarer og 1 løsning
Implementering af zoom funktion til et billede
Jeg skal kunne zoome ind og ud på et billede, og kunne flytte zoom punktet! Jeg gik glad og frejdig i krig med style.zoom men den er ikke Netscape kompatibel så: - hvordan får jeg lavet en zoom funktion der er kompatibel til IE, NetScape og Mozilla?
Zq et godt spørgsmål, jeg ikke kender svaret på, for umiddelbart findes det ikke, men hvis nogen har en funktionel ide, specielt hvis den ikke involverer et helt batteri af forstørrede billeder, er jeg med på en lytter !-)
PS: Du kan sætte center-punktet ved at klikke på billedet - og det kan også sættes med ekstern kode. Kik i eksemplet og i filen 'picZoomObj.class.js' ... den indeholder en kort dokumentation ;o)
Hej Ole - Det er jo bare ekstremt sejt det du har lavet! Det mathcer 98.3% det jeg skal bruge - så kanon! En lille detalje er dog at jeg dine initfunktioner eks. zoomPic.setMaxZoom tilsyneladende ikke virker! Men det kan jeg jo nok selv lure. Endnu engang tak for en god og hurtigt hjælp! Kom med et svar, så jeg kan give dig dine velfortjente points!
Dooooohhhhh ...... hvor dum kan en OleBole være? Hvis bare jeg havde skrevet, hvad jeg mente, ville der ikke være noget problem ;oD
var zoomPic; function initZoomPic() { zoomPic = new ZoomPicObject("zoomObj", 400, 500, true); zoomPic.setZoomStepSize(10); zoomPic.setMinZoom(10); zoomPic.setMaxZoom(190); zoomPic.onPicLoad = "zpLoad"; zoomPic.onZoom = "zpZoom"; zoomPic.onPointClick = "zpClick"; }
setZoomStepSize, setMinZoom og setMaxZoom er jo metoder ... ikke properties. Derfor skal der naturligvis stå: zoomPic.setMaxZoom(190); og ikke: zoomPic.setMaxZoom = 190; som jeg oprindelig skrev. Filen på serveren er blevet opdateret ... sorry ;o)
PS: Det er i øvrigt vigtigt, du bemærker de to metoder setZoomPoint() og zoomTo(). Jeg har ikke lavet eksempler med dem, men jeg har inkluderet dem for at gøre scriptet lidt mere bredt anvendeligt.
SetZoomPoint() bruges til at sætte centerpunktet for zooming. Den kan f.eks. bruges, hvis du har disabled muligheden for at sætte punktet ved klik: zoomPic = new ZoomPicObject("zoomObj", 400, 500, false); zoomPic.SetZoomPoint(50, 100); sætter centerpunktet til punktet (50,100) på billedet. Sættes centerpunktet ikke explicit (ved klik eller med SetZoomPoint), vil centerpunktet være lig med billedets 'centrum' (der, hvor diagonalerne krydser).
zoomTo() bruges f.eks, hvis du ikke ønsker at sætte zoom-faktoren med knapper: zoomPic.zoomTo(50); zoomer billedet til 50% størrelse. /mvh
PPPS: Jeg har lige uppet en ny version af .js-filen. Jeg har blot lavet en rettelse, der gør, at der ikke udløses en fejl, hvis zoomTo() kaldes, før et billede er loaded. Nu er skidtet vist ved at være fri for fejl ;D
... no problemo, hombre. Det glæder mig, du kunne bruge det ;o)
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.