Messages

1

Mods & Plugins (Requests & Discussions) / Re: Url/link images Auto-Thumbnail Resizing

« on: June 14, 2007, 11:18:00 PM »

Great post. If u want any help you should even TRY to describe your problem a bit more...

2

Mods & Plugins (Requests & Discussions) / Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen

« on: June 14, 2007, 11:15:51 PM »

Okay,

kein Problem das du kein Javascript kannst. Ich kann dir nur leider nicht versprechen das es funktioniert, da ich keine Möglichkeit habe das in dem Template zu 100% zu testen, aber es sollte eigentlich so funktionieren.

Code: [Select]

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

<script language="javascript">
var ow = 0;
var oh = 0;
var s = 728;
var onload_blows = 0;
function scale(img)
{
if (!onload_blows)
scale_load(img);

i = document.getElementById(img);
if (i.width > s) {
i.style.cursor = "pointer";
i.width = s;
i.height = s / (ow / oh);
} else if (i.width == s) {
i.width = ow;
i.height = oh;
}
}

function scale_load(img)
{
onload_blows = 1;

t = 0;
if (navigator.appName == "Netscape")
t = window.innerWidth;
else if (navigator.appName.indexOf("Microsoft") != -1 ||
navigator.appName.indexOf("Opera") != -1)
t = document.body.offsetWidth;

if (t > 64 && t < s)
s = t - 16;

i = document.getElementById(img);
ow = i.width;
oh = i.height;

scale(img);
}
</script>

<font color="black" face="Verdana" size=-2>
Die Bilder werden teilweise verkleinert dargestellt. Klicken um das Original zu sehen <P>
</font>
<img style="cursor: pointer;" id="picture" onclick="scale('img')" onload="scale_load('img')" src="{media_src}" alt="{image_name}">

Wenn es klappt, sag bitte noch einmal Bescheid.

Die 100 € kannst du mir dann ja überweisen 

P.S. Interessante Fotos hast du da! Ich bin selber mal aktiv gewesen, aber das ist lange her

International Language:

This is the updated version of the rescale javascript. Follow the instructions as given in the first post, but take the code above instead of the original one. New functions added to rescale picture now in height AND width.

3

Mods & Plugins (Requests & Discussions) / Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen

« on: June 14, 2007, 04:08:50 PM »

Hallo Christian,

es ist schon ein Weilchen her, das ich das Skript geschrieben habe, es sollte eigentlich für jegliche Übergröße funktionieren (aber dann hättest du dich ja nicht gemeldet). Eigentlich ist es sehr einfach aufgebaut und kann mit ein bischen Javascriptkenntnissen geändert werden. Solltest du damit nicht alleine zurechtkommen, werde ich mir das am Wochenende vielleicht noch einmal angucken ... wenn ihr nicht einen Hitzetod sterbe

Gruß Manuel

4

Mods & Plugins (Requests & Discussions) / Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen

« on: November 27, 2006, 10:15:36 PM »

Wie mein Kollege immer zu sagen pflegt "Ist ja schon fertig" .. und nach hinten brüllt "Jetzt seht aber auch zu .. der Kunde nervt hier schon richtig rum" 

5

Mods & Plugins (Requests & Discussions) / Re: [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen

« on: November 27, 2006, 10:12:01 PM »

Hoi,

da bin ich noch bei. Die Version ist noch nicht so final wie sie aussieht ABer danke für den Hinweis

6

Mods & Plugins (Requests & Discussions) / [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen

« on: November 27, 2006, 09:33:50 PM »

Hallo,

da ich leider keine zufriedenstellende Modifikation für die Gallery gefunden habe, habe ich da selber was gebastelt.

Problem: Wenn man Bilder mit größerer Auflösung hochläd, bekommt man einen Scrollbalken.


Lösung1: Die Bilder kleiner formatieren. Ich habe es nie in 4images probiert, da diese Lösung einen Verlust der ursprünglichen Bildgröße beeinhaltet.

Lösung2: Meine Durch ein Javascript wird die Auflösung des Browser und die Größe des Bildes ausgelesen und nur die Ansicht skaliert. Sie kann mit einem Klick wiederhergestellt werden und es geht nichts von dem ursprünglichem Bild verloren. Hierbei sei angemerkt, das der Traffic natürlich gleich bleibt, da das gleich Bild geladen wird (für Performance/Trafficprobleme gibt es schon einen Thread)

Demo: http://www.pixelartist.de (Dort auf Gallery) - leider nicht mehr aktiv!


Was tun?

Ihr müßt in eurem Template nur eine Datei ändern (ggf. mehrere, wenn ihr verschiedene Bildformate benutzt). Die Datei "jpg.html" findet ihr hier: "4images\default\media\jpg.html" - wobei natürlich default durch das Template ersetz werden muss was ihr benutzt.

Inhalt der Datei ist folgender:

Code: [Select]

<!-- Template file for JPG Files -->
<img src="{media_src}" border="1" alt="{image_name}"{width_height} /><br />
Den gesammten Inhalt ersetzt ihr einfach durch folgendes Skript:

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}">

Das Bild wird nun bei Seitenaufruf auf 720 px skaliert, das sollte für die meisten passen. Durch einen Klick auf das Bild wird das Originalbild angezeigt. Wer ein bischen Plan hat, kann die Größe natürlich auch selber anpassen

Wer keinen Plan hat .. fragt.




International Language:

I haven't found a solution for my problem. The picture in the gallery should be displayed scaled without formating it to a smaller version (which is already available in 4images). I have written a script in which is just the display new scaled .. nothing changed in the original file. If you click on the picture it is scaled back to its origin. ALl u have to do is change the script in the jpg.html (4images\default\media\jpg.html).

The origin script

Code: [Select]

<!-- Template file for JPG Files -->
<img src="{media_src}" border="1" alt="{image_name}"{width_height} /><br />
Delete all and paste the following into the file:

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>
Picture is scaled to fit in view. Click to see the original file <P>
</font>
<img id="picture" onClick="scaleImg('picture')" onLoad="scaleImg('picture')" SRC="{media_src}" alt="{image_name}">