Gå til innhold

Webside med bilder man kan zoome opp


Anbefalte innlegg

Jeg skal lage en webside med diverse bilder og hadde lyst til å få bildene forstørret når man trykker på bilde.

Ikke et nytt vindu med bilde som dukker opp, men noe ala http://www.release.no/ har det.

Trykk på et av bildene, så ser dere hva jeg mener.

 

Usikker på om dette kan gjøres på et lagringsplass som ikke støtte MySQL eller PHP, men det hadde vært det beste (da jeg har siden min på wwww.start.no)

Lenke til kommentar
Videoannonse
Annonse

prøv denne enkle versjon jeg lagde til deg, eller prøv google:)

urltilbildet kan fks være:

img/test.jpg (går til undermappen img)

../img/test.jpg (går opp en mappe for og så gå til img mappa)

http://www.dinhjemmeside.no/img/test.jpg (går til en spesiell fil)

 

<script language="JavaScript">

var zooms2 = 0;

 

function zoomstart()

{

if(zooms2 == 0)

{

zooms2 = 1;

document.slide2.src = "urltilbilde1";

}

else

{

zooms2 = 0;

document.slide2.src = "urltilbilde2";

}

}

</script>

Endret av mreinha
Lenke til kommentar
prøv denne enkle versjon jeg lagde til deg, eller prøv google:)

urltilbildet kan fks være:

img/test.jpg (går til undermappen img)

../img/test.jpg (går opp en mappe for og så gå til img mappa)

http://www.dinhjemmeside.no/img/test.jpg (går til en spesiell fil)

 

<script language="JavaScript">

var zooms2 = 0;

 

function zoomstart()

{

if(zooms2 == 0)

{

zooms2 = 1;

document.slide2.src = "urltilbilde1";

}

else

{

zooms2 = 0;

document.slide2.src = "urltilbilde2";

}

}

</script>

 

Når jeg tenker meg om så må du ah to bilder hvis du skal bruke denne, en til urltilbilde1 og en til nr to. Da nr en er for ett lite bilde og nr2 er for ett stort.

 

Prøv heller dette (ps bildet kan bli gromsete):

 

kode for bruk:

 

<img name="start" src="urltilbildet" onClick="zoomstart();">

 

<script language="JavaScript">
var zooms2 = 0;

function zoomstart()
{
  if(zooms2 == 0)
  {
  zooms2 = 1;
  document.slide1.src = "urltilbilde";
  document.slide1.width = str du vil ha på bildet her
  document.slide1.height = str du vil ha på bildet her
  }
  else
  {
  zooms2 = 0;
  document.slide1.src = "urltilbilde";
  document.slide1.width = str du vil ha på bildet her
  document.slide1.height = str du vil ha på bildet her
  }
}
</script>

 

Enkelt, men finnes bedre løsninger.

Lenke til kommentar
  • 3 uker senere...

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...