Notifikationer

Markér alle som læst Log ud

para7 Nybegynder

05. maj 2009 - 09:26 Der er 10 kommentarer og
1 løsning

Enlarge billede i steps

Jeg har en simpel onmouseover på et billede, for at zoome det:

<img src='mitbillede.jpg' width='80' onmouseover='this.width=160' onmouseout='this.width=80'>

Jeg kunne godt tænke mig at enlarge blev til zoom, altså i mange step, i stedet for et step. Kunne gætte poå noget med timeout.

Synes godt om

para7 Nybegynder

05. maj 2009 - 16:04 #1

Nogen bud?

Synes godt om

Slettet bruger

05. maj 2009 - 16:54 #2

Altså så billedet gradvist bliver større indtil det bliver fuld størrelse?
Kan da godt prøve at bikse noget sammen.

Synes godt om

para7 Nybegynder

05. maj 2009 - 17:59 #3

Gør endelig det :)

Synes godt om

para7 Nybegynder

06. maj 2009 - 09:03 #4

Altså zoom ind ved onmouseover og zoom ud ved onmouseout. zoom scriptet her zoomer konstant, kunne bygges om til at stoppe: http://www.javascriptkit.com/script/script2/imagezoom.shtml

Synes godt om

Slettet bruger

07. maj 2009 - 08:53 #5

Vil lige kigge på det, og så vende tilbage.

Synes godt om

Slettet bruger

07. maj 2009 - 23:01 #6

Nu har jeg puslet lidt rundt med koden fra javascriptkit, og er kommet frem til følgende:
http://jacobbundgaard.dk/something.html
Det er lidt rodet og kunne med garanti have været gjort på en mere ordnet måde, men det virker.

Kopier scriptet
http://jacobbundgaard.dk/something.txt ind i <head> på din side, og brug:
onmouseover="zoom(99,100,'myimage','in', 198)" onmouseout="zoom(99,100,'myimage','out', 198)"
på hvert billede der skal zoome.
Erstat 99 med original bredde, 100 med original højde, 'myimage' med name=""'et på billedet og 198 med maksimal bredde.

Håber det kan bruges, selvom det tog lidt tid.

Synes godt om

para7 Nybegynder

08. maj 2009 - 16:35 #7

Tak kimsey0
Billederne er desværre ikke samme proportioner i min listning, nogle er widescreen og nogle almindelige cameraformat. Kan du evt. ændre skriptet, så det ikke behøver at have højden at vide?

Synes godt om

para7 Nybegynder

08. maj 2009 - 16:37 #8

Altså så aspect beholdes...

Synes godt om

para7 Nybegynder

11. maj 2009 - 11:05 #9

Du har lavet et godt stykke arbejde kimsey0. Send lige et svar for point. Jeg kan måske croppe billederne til samme format med ASPimage i stedet.

Synes godt om

para7 Nybegynder

12. maj 2009 - 08:11 #10

Sidste udkald...

Synes godt om

para7 Nybegynder

25. maj 2009 - 21:33 #11

Lukker...

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	I går 11:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS