Author Topic: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen  (Read 35012 times)

0 Members and 1 Guest are viewing this topic.

Offline Hagen-Roderich

  • Full Member
  • ***
  • Posts: 127
    • View Profile
    • Hof Jokers
Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen
« Reply #15 on: November 24, 2010, 10:35:12 AM »
Ich habe den Code in die "jpg.html" kopiert und auf den Server hoch geladen.
Danach hatte ich gar kein Detailbild mehr. (siehe Anhang)
Muss der Code noch angepasst werden?

Info: hab jetzt wieder die originale "jpg.html" im Einsatz.

Offline mikemccoy

  • Pre-Newbie
  • Posts: 1
    • View Profile
Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen
« Reply #16 on: December 27, 2010, 01:10:16 PM »
Hallo,

habe eine kurze Frage.
Das große Bild bleibt in der Detailansicht erhalten, d.h. ich habe das Bild doppelt.
Was könnte der Fehler sein?

Vielen Dank

Rembrandt

  • Guest
Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen
« Reply #17 on: December 27, 2010, 05:21:03 PM »
Willkommen im Forum!
....Das große Bild bleibt in der Detailansicht erhalten, d.h. ich habe das Bild doppelt.
Was könnte der Fehler sein?
....

ich nehme mal an das du den originalcode in der jpg.html mittels   <!--  -->  nicht auskommentiert hast.

mfg Andi

Offline Haeretik

  • Newbie
  • *
  • Posts: 16
    • View Profile
Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen
« Reply #18 on: February 01, 2011, 04:29:14 PM »
also ich hab das mal übernommen

scheint auch zu fintkionieren, nur ein fehler hats, wenn ich aufs thumb klicke kommt erst das orginal bild. bei klick wird erst skaliert :)
also falsch rum
was ist falsch?

Code: [Select]
<!-- Template file for JPG Files -->
<!-- <img src="{media_src}" border="1" alt="{image_name}"{width_height} /><br /> -->

<script language="javascript">
var saveWidth = 0;

function scaleImg(what){
what = document.getElementById(what);
 if (navigator.appName=="Netscape")
  winW = window.innerWidth;
 if (navigator.appName.indexOf("Microsoft")!=-1)
  winW = document.body.offsetWidth;
 if (what.width>(720) || saveWidth>(720)) {
  if (what.width==(720))
   what.width=saveWidth;

else
 {
 saveWidth = what.width;
 what.style.cursor = "pointer";
 what.width=(720);
 }

}
}
</script>

<font color="black" face="Verdana" size=-2>
Die Bilder werden teilweise verkleinert dargestellt. Klicken um das Original zu sehen <P>
</font>
<img id="picture" onClick="scaleImg('picture')" onLoad="scaleImg('picture')" SRC="{media_src}" alt="{image_name}">
« Last Edit: February 01, 2011, 04:39:16 PM by Haeretik »

Offline ajbaez

  • Pre-Newbie
  • Posts: 1
    • View Profile
Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen
« Reply #19 on: February 20, 2013, 02:20:07 PM »
Thank you for the MOD... work perfectly!!!!

Offline Stoneblood

  • Pre-Newbie
  • Posts: 9
    • View Profile
Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen
« Reply #20 on: July 05, 2013, 01:09:16 PM »
Funktioniert super.

Jetzt kommt mir noch eine Frage:

Ich habe meine Bilder mit 1600x1067 auf dem Server. Diese werden durch das Script angepasst (720).
Beim anklicken wird es jetzt auch in Originalgröße geladen, aber kann man es jetzt auch an die Bildschirmauflösung anpassen oder das es im ganzen Browserfenster angezeigt wird?

So sieht es jetzt bei mir aus. http://www.art-of-pix.de/details.php?image_id=656


Hab grad feststellen müssen das Hochkantbilder quer angezeigt werden :(  was muss ich tun?
« Last Edit: July 05, 2013, 01:26:43 PM by Stoneblood »

 

Post your comments here