14 svar · 320 visningar · startad av voigtann1
Kan man göra ett script som gör så att:
<a href="länk"><img src="bild"></a>
Där man kan bestämma länk samt bild med ett knapp tryck.. vill hellst att inte sidan laddas om om det går..
Exempel:
<script type="text/javascript">
<!--
function change( p, i ){
document.getElementById( "a" ).setAttribute( "href", p );
document.getElementById( "img" ).setAttribute( "src", i );
};
//-->
</script>
...
<a href="bild1.html" id="a"><img src="bild1.gif" id="img"></a>
<button onclick="change('bild2.html','bild2.gif')">Ändra</button>
Som första argument till funktionen skickar du in sidan ( bild2.html ) och som andra argument skickar du in bildkällan ( bild2.gif ).
Om du kollar på min förra inllägg här så använder jag popupfönstret som Jojoxx skrev in.. hur får jag länken in där?
Bildlänken verkar ju onödig så den kan du bort. Använd sedan följande kod:
<script type="text/javascript">
<!--
// Jojoxx funktion placerar du här
function change( i ){
document.getElementById( "img" ).setAttribute( "src", i );
};
//-->
</script>
...
<img src="bild1.gif" id="img" onclick="imgPopup2(this.src)">
<button onclick="change('bild2.gif')">Ändra</button>
jag behöver den 
ska ha
[.länk][thumbbild][/länk]
1 2 3 4 5 6
så jag behöver det
med tanken av att man ska kunna förstora till den stora bilden
Är tanken den att man skall kunna skifta bild med siffrorna 1-6 och sedan se den aktuella bilden i ett större format genom att klicka på "thumbnail"-bilden? Då behöver du ju ingen länk runt bilden eftersom onclick-attributet finns i bildelementet.
men thumb bilden heter t_"Bildnamn"
det blir helt knas...
<table width="100%" border="0" cellspacing="3" cellpadding="1">
<tr>
<td width="110"><img src="images/t_markaryd.gif" width="100" height="100" border="0" onclick="imgPopup(this.src)" id="img"></a></td>
<td rowspan="3"> </td>
</tr>
<tr>
<td width="150">
<a href="javascript:change('images/markaryd.gif')"><img src='images/work1.gif' border='0' width='11' height='11'></a>
<a href="javascript:change('images/markaryd2.gif')"><img src='images/work2.gif' border='0' width='11' height='11'></a>
</td>
</tr>
</table>
1. Ta bort den avslutande taggen </a> efter den första bilden.
2. Jojoxx funktion heter imgPopup2().
det är inte där felen är ändå..
"mini bilderna" heter m_<NAMNET>
du gör ju så att om man klicka på minibilden så öppnar den m_<namnet>
Om du trycker på knapp 1 så skall bilden "t_pelle.gif" visas på id="src" men om du trycker på "t_pelle.gif" så ska pelle.gif öppnas i den popupen...
fixat det...
Vilken av bilderna är "knapp 1" och vilka av bilderna är "t_pelle.gif" respektive "pelle.gif"?
Om vi tar ditt förra exempel. Vad skall hända om man trycker bilden "t_markaryd.gif" och vad skall hända om man trycker på "markaryd.gif" samt "markaryd2.gif"?