---
title: "ett litet problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/182123-ett-litet-problem"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "jimtim"
published: "2010-01-22T17:58:02.000Z"
updated: "2010-01-22T19:11:21.000Z"
replies: 6
views: 577
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/182123-ett-litet-problem"
---

# ett litet problem

## #1 — jimtim, 2010-01-22T17:58Z

Har ett litet problem som jag inte riktigt vet hur jag ska lösa. Jag har små bilder på min hemsida och vill när man klickar på dom att dom ska öppnas i större format i ett nytt fönster.Har löst det mesta utom just när det gäller att öppna rätt fil. Namnen på filerna är typ bild1 och bild1_big osv. Jag vill med andra ord att oavsett vilken bild jag klickar på så ska motsvarande fil med ändelsen \_big öppnas.

Kanske inget större problem för den rutinerade men jag är väldigt färsk när det gäller javascript.
 
Det är funktionen bigPicture som är trixig.

Den kod jag skrivit än så länge är följande:
function init()
{
	var bild=new Array();
	
	bild=document.getElementsByTagName("img");
	
	for(var i=0;i\<bild.length;i++){
		 
		if(bild*.className=="big"){
		
		       bild*.onclick=bigPicture;
			
		}
			
		 	
	
	}
}**

Permalänk: https://www.webforum.nu/p/182123

## #2 — postol, 2010-01-22T18:08Z

Genererar du koden för bilderna från någon databas eller?

Enklast är väll att du i \<img\> taggen skriver vad som ska ske när man klicka på bilden?

typ:
\<a href="bild1_big.jpg" target="\_blank"\>\<img name="bild1" src="bild1.jpg" border="0"\>\</a\>

Permalänk: https://www.webforum.nu/p/2223774

## #3 — jimtim, 2010-01-22T18:31Z

Nej jag använder ingen databas.

Förstår vad du menar men jag var mer ute efter en javascript-lösning, det kan ju vara så att hemsidan man har använder 100tal bilder. Då måste det  vara smidigare med den lösningen jag var ute efter med att manipulera filnamnet, annars måste man ändra på varenda tagg.

Permalänk: https://www.webforum.nu/p/2223781

## #4 — postol, 2010-01-22T18:37Z

Okej då är jag med, eftersom du inte kan skicka med parametrar när du gör på det sättet så kan det va lite krångligt, men kolla på den här sidan, där finns ett ganska bra förslag på hur du löser det.

<http://www.chovy.com/web-development/javascript-dynamically-change-onclick-event/>

Permalänk: https://www.webforum.nu/p/2223784

## #5 — voigtann1, 2010-01-22T18:51Z

jquery är enklare men detta bör fungera för dig:

```
function bigPicture() {
	var newImageurl =  this.src.replace(/([^.]+)\.(\w{1,3})$/ig, "$1_big.$2");
	var popup = window.open(newImageurl, "popup", "height=800,width=600");
  	popup.focus();
}

function init() {
	var bild=new Array();
	bild = document.getElementsByTagName("img");
	for(var i=0;i<bild.length;i++)
		if(bild[i].className=="big") 
			bild[i].onclick=bigPicture;
}
```

Permalänk: https://www.webforum.nu/p/2223786

## #6 — jimtim, 2010-01-22T19:02Z

Fungerade utmärkt! Tackar er båda så mycket för hjälpen!

Permalänk: https://www.webforum.nu/p/2223787

## #7 — voigtann1, 2010-01-22T19:11Z

Markera gärna det inlägg som löste ditt problem: <http://www.webforum.nu/faq.php?faq=vb_faq#faq_faq_acceptance>

Permalänk: https://www.webforum.nu/p/2223790

---

Tråden på webben: https://www.webforum.nu/amne/javascript/182123-ett-litet-problem