Denna delen av 99 uppdateras inte längre utan har arkiverats inför framtiden som ett museum.
Här kan du läsa mer om varför.
Mac-nyheter hittar du på Macradion.com och forumet hittar du via Applebubblan.

Få länkad bild att öppnas på samma sida

Tråden skapades och har fått 7 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • Thailand
  • 2017-05-28 12:13

När jag i texten på en sida med html/php gör en länk till en bild, vill jag att den skall öppnas i en bildruta som jag har på sidan. Borde vara enkelt men jag får inte till det ?
Den öppnas hela tiden på en ny sida, ett nytt fönster eller i en ny flik.
Jag har en CSS-class som borde lägga bilden på rätt plats, men det gäller att få webbläsaren att förstå att det skall ske på samma sida som där länken står.

Vem har ett råd? Har Googlat men inte hittat detta.

Om du har en img-tagg borde du sätta dess src-attribut till den bilden du vill visa.

Förstår inte riktigt vad det är du vill göra. Visa gärna din kod, så blir det lättare att se vad som är fel.

Kanske är du ute efter något sånt här:
http://doctype.com/whats-best-solution-having...
https://stackoverflow.com/questions/22593615/...

  • Medlem
  • Nässjö
  • 2017-05-28 15:11
Ursprungligen av Stig R:

När jag i texten på en sida med html/php gör en länk till en bild, vill jag att den skall öppnas i en bildruta som jag har på sidan. Borde vara enkelt men jag får inte till det ?
Den öppnas hela tiden på en ny sida, ett nytt fönster eller i en ny flik.
Jag har en CSS-class som borde lägga bilden på rätt plats, men det gäller att få webbläsaren att förstå att det skall ske på samma sida som där länken står.

Vem har ett råd? Har Googlat men inte hittat detta.

Nu var det ett tag sedan jag använde PHP, just nu är det mycket JavaScript som jag pysslar med.
Jag tänker att du har en bild

<img>

-tag eller en

<div>

på sidan vars innehåll du vill uppdatera.

Jag slängde ihop ett lösningsförslag på JSFiddle

Har du redan placerat ut en

<img>

-tag på sidan går det att istället för att använda innerHTML som i mitt exempel ändra

.src

som någon skrev tidigare.W3Schools HTML DOM .src property

  • Medlem
  • Thailand
  • 2017-05-29 12:04
Ursprungligen av Måns97:

Nu var det ett tag sedan jag använde PHP, just nu är det mycket JavaScript som jag pysslar med.
Jag tänker att du har en bild

<img>

-tag eller en

<div>

på sidan vars innehåll du vill uppdatera.

Jag slängde ihop ett lösningsförslag på JSFiddle

Har du redan placerat ut en

<img>

-tag på sidan går det att istället för att använda innerHTML som i mitt exempel ändra

.src

som någon skrev tidigare.W3Schools HTML DOM .src property

Tack Måns97!
Jag lyckades inte få ditt script att fungera, men din länk till W3schools gav mig nästan den information jag behövde.
Tyvärr är jag urkass på JavaScript. Det fungerar nu men inte riktigt bra. Det går bara att byta bild en gång, sedan är det stopp. Eftersom jag har fyra bilder att byta mellan skulle det behövas någon nollställning av föregående när man klickar på nästa.

Du kan se hur långt jag kommit http://scandinavianvillage.net/se/lgh-test.php Här!

Ursprungligen av Stig R:

...Det går bara att byta bild en gång, sedan är det stopp. Eftersom jag har fyra bilder att byta mellan...

Det är alltså fyra bilder med var sin länk, som ska kunna "turas om" att visas i en och samma ruta?

I så fall tycker jag att det finns bra exempel bland länkarna som jag gav.

  • Medlem
  • Thailand
  • 2017-05-30 04:32
Ursprungligen av Jesper Ohlsson:

Det är alltså fyra bilder med var sin länk, som ska kunna "turas om" att visas i en och samma ruta?

I så fall tycker jag att det finns bra exempel bland länkarna som jag gav.

Tack Jesper!
Jag började med en JS-variant i går. Den blev rätt bra, förutom att det går inte att klicka på kapp 1 efter att jag klickat på knapp 2 o.s.v. Tyvärr är mina kunskaper i JavaScript bristfälliga. Så här ser koden ut:

<div class="sidbild1">
<img id ="3Dbildplan1" src="" width="802" height="536"></div>
<script>
function plan1() {
document.getElementById("3Dbildplan1").src = "http://xxx/img/plan/3D-plan-bottomfloor.jpg";
}
</script>

<div class="sidbild2">
<img id ="3Dbildplan2" src="" width="802" height="536"></div>
<script>
function plan2() {
document.getElementById("3Dbildplan2").src = "http://xxx/img/plan/3D-plan-flor2-4-5.jpg";
}
</script>
<div class="sidbild3">
<img id ="3Dbildcorner" src="" width="802" height="536"></div>
<script>
function plancorner() {
document.getElementById("3Dbildcorner").src = "http://xxx/img/plan/3D-plan-outsidecorner.jpg";
}
</script>
<div class="sidbild4">
<img id ="3Dbildplan302" src="" width="802" height="536"></div>
<script>
function plan302() {
document.getElementById("3Dbildplan302").src = "http://xxx/img/plan/3Dplan-302_305.jpg";
}

</script>

<button onclick="plan1()"><h2>Klicka här</h2></button> för att se 3D-planritning över lägenhet i bottenplan.</p>
<p><strong>Plan 2-5: Stor terrass, utsikt över poolen och 2-3 rum</strong><u> </u></p>
<p>På plan 2-5 finns lägenheter om antingen har 2 rum (boyta cirka 70-85 kvm) eller 3 rum (boyta cirka 100 kvm) och stor terrass (cirka 25-30 kvm) med utsikt över poolen.</p>
<p>
<button onclick="plan2()"><h2>Klicka här</h2></button> för att se 3D-planritning över lägenhet pŒ plan 2, 4 och 5.</p>
<p>
<button onclick="plancorner()"><h2>Klicka här</h2></button> för att se 3D-planritning över lägenhet pŒ plan 2-5 med utter- eller innerhšrn .</p>
<p>
<button onclick="plan302()"><h2>Klicka här</h2></button> för att se 3D-planritning över lägenhet pŒ tredje vŒningen.

Vad skall jag lägga till för att kunna köra sekvensen flera gånger?

  • Medlem
  • Thailand
  • 2017-06-08 10:52
Ursprungligen av Jesper Ohlsson:

Förstår inte riktigt vad det är du vill göra. Visa gärna din kod, så blir det lättare att se vad som är fel.

Kanske är du ute efter något sånt här:
http://doctype.com/whats-best-solution-having...
https://stackoverflow.com/questions/22593615/...

Det blev din php-lösning som jag lyckades använda till sist. Javascript gick bara en runda, sedan blev det stopp.
Du kan se resultatet här:
http://scandinavianvillage.net/se/lgh.php
scrolla ner lite till 3D-planerna.

Tack för hjälpen!

1
Bevaka tråden