Avatar billede tdh1309 Juniormester
12. oktober 2004 - 14:49 Der 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?
Avatar billede roenving Novice
12. oktober 2004 - 15:13 #1
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 !-)
Avatar billede olebole Juniormester
12. oktober 2004 - 18:30 #2
<ole>

Det skulle vel ikke være noget problem, men inden vi spilder en masse tid, ville det nok være smart, om vi vidste præcis, hvordan du vil bruge det.

/mvh
</bole>
Avatar billede olebole Juniormester
13. oktober 2004 - 04:47 #3
Jeg har skrevet et lille JS-objekt, der sikkert kan klare det meste af, hvad du kan finde på (... nu er du naiv, Ole! *hehe*):
  http://www.tjenester.dk/x-codes.dk/eksperten/zoomobj/
Avatar billede olebole Juniormester
13. oktober 2004 - 04:50 #4
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)
Avatar billede tdh1309 Juniormester
13. oktober 2004 - 08:53 #5
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!
Avatar billede olebole Juniormester
14. oktober 2004 - 17:22 #6
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
Avatar billede olebole Juniormester
14. oktober 2004 - 17:28 #7
PPS: SetZoomPoint og zoomTo må først kaldes, når billedet er loaded
Avatar billede olebole Juniormester
14. oktober 2004 - 17:40 #8
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
Avatar billede tdh1309 Juniormester
20. oktober 2004 - 10:07 #9
Endnu engang tak for hjælpen olebole! Du må undskyld det trak ud med at acceptere, men jeg har ikke lige været på de sidste dage!!!!
Avatar billede olebole Juniormester
20. oktober 2004 - 19:13 #10
... no problemo, hombre. Det glæder mig, du kunne bruge det  ;o)
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester