Seite 1 von 1
userInput type img anpassen
Verfasst: Di 25. Aug 2009, 01:47
von mobby
Moin,
kann mir jemand sagen, in welcher Datei ich die Ausggabe von we:userInput type="img" finde? Ich würde gern das "Äußere" ändern.
Re: userInput type img anpassen
Verfasst: Di 25. Aug 2009, 08:01
von we:willRockYou
Moin mobby,
die Funktion liegt in /webEdition/we/include/we_tag.inc.php ab Zeile 6331 (aktuelles File aus SVN). Der für Dich interessante Teil beginnt ab Zeile 6474.
Re: userInput type img anpassen
Verfasst: Di 25. Aug 2009, 14:06
von mobby
Moin,
vielen Dank. Ich habe gedacht, das ich einfach das Bild ändern kann, welches angezeigt wird, wenn noch kein Bild hochgeladen worden ist (webEdition/images/icons/no_image.gif). Wo ist definiert, das genau dieses Bild angezeigt wird und wie könnte ich es ändern? Ist dies Updatesicher? . Möchte das no_image.gif nicht unbedingt ändern.
Re: userInput type img anpassen
Verfasst: Di 25. Aug 2009, 14:33
von we:willRockYou
Ich blick da jetzt auch nicht komplett durch, aber vermute dass es in /webEdition/we/include/we_classes/we_imageDocument.inc.php fest gesetzt ist. Wo auch immer Du es änderst, ein Update der betreffenden Datei überlebt es nicht.
Re: userInput type img anpassen
Verfasst: Di 25. Aug 2009, 14:41
von mobby
Schade. Wenn ich mich damit auskennen würde, könnte man den Tag in einen "eigenen Tag" basteln. Aber da reicht mein Hirn nicht
Re: userInput type img anpassen
Verfasst: Di 25. Aug 2009, 18:13
von mobby
Eine Frage habe ich noch: kann man die Größe beim Hochladen ändern lassen? Ich weiß leider nicht, wie groß die Bilder beim Hochladen sind und bei der Ansicht soll die Seite durch die Bildergröße gesprengt werden. Mit Tumbnail kann ich nicht arbeiten, da die Bilder über eine lightbox geöffnet werden.
Re: userInput type img anpassen
Verfasst: Di 25. Aug 2009, 18:22
von we:willRockYou
Nein, das geht nicht. Aber Thumbnails in Kombination mit einem Lightbox-Script sind doch auch kein Problem.
So in der Art: <a href="<we:img ... thumbnail="thumbGross"
only="src" />" rel="lightboxOderSo"><we:img ... thumbnail="thumbKlein" /></a>
Re: userInput type img anpassen
Verfasst: Di 25. Aug 2009, 18:46
von mobby
Das hatte ich schon getestet, aber funzte nicht. Ich muss da noch mal bei.
Re: userInput type img anpassen
Verfasst: Mi 26. Aug 2009, 09:48
von Liquid
Hey mobby,
ich ruf die Bilder einer Gallerie auch über Lightbox auf, Code ist folgender:
Code: Alles auswählen
<a href="<we:field type="img" only="src" />" rel="Album_1" target="_blank" class="thickbox" title="<we:field name="Title"/>"><we:field type="img" thumbnail="120"/></a>
Wobei über rel="Album_1" die Gruppierung der Bilder erfolgt.
Hast du noch ein anderes JS Framework eingebunden?!
Re: userInput type img anpassen
Verfasst: Do 22. Apr 2010, 10:34
von Luigii
mobby hat geschrieben:Eine Frage habe ich noch: kann man die Größe beim Hochladen ändern lassen? Ich weiß leider nicht, wie groß die Bilder beim Hochladen sind und bei der Ansicht soll die Seite durch die Bildergröße gesprengt werden. Mit Tumbnail kann ich nicht arbeiten, da die Bilder über eine lightbox geöffnet werden.
Nach meiner Erfahrung kann man die Größe der Bilder beim Hochladen schon ändern. Steht auch ion der Tag-Doku.
Folgende Attribute stehen Dir zur Verfügung:
Code: Alles auswählen
width="800" height="800" keepratio="true" quality="8" maximize="false"
Das funktioniert wunderbar.
Re: userInput type img anpassen
Verfasst: Mo 9. Jul 2012, 21:57
von Jaui
das bild und die ganze box kannst du natürlich auch ändern ohne die core dateien von webedition anzufassen. das würde ich dir eh nicht empfehlen.
wenn du schon die lightbox im einsatz hast, muss ich ja gar nicht erwähnen, für folgenden code die jQuery library einzubinden.
arbeite einfach mit dem was du hast. das userinput img generiert eine tabelle, leider ohne style oder id, somit musst du dich dahin durchhangeln. dafür einfach einen wrapper basteln. das bild liegt in einem td, welcher einen selector class="weEditmodeStyle" als attribut hat.
Code: Alles auswählen
<div class="wrapper">
<we:userInput type="img" name="picUpload" editable="true" size="20" thumbnail="190" parentid="469" keepratio="true" />
</div>
<script type="text/javascript">
$(document).ready(function(){
var getTable = $('.wrapper table');
var getImage = $('.weEditmodeStyle img');
getTable.css({
border : '0px' //hier kannst du styles der tabelle ändern
});
getImage.removeAttr('src').attr('src', '../myPic.jpg'); //hiermit kannst du das bild ändern
});
</script>
jQuery ruelz
