Modul für dynmisches anpassen von Bildern gesucht
Eingetragen von ceri008 (15)am 31.10.2008 - 14:29 Uhr in
Hallo werte Drupal-Community,
Wie der Titel schon sagt bin ich aufder Suche nach einem Modul oder einer anderen Möglichkeit, Bilder dynamisch an die Browserfenstergröße anzupassen. D.h. ich möchte das Bilder sich automatisch verkleinern, wenn die Auflösung dies erfordert. Zur Zeit habe ich ein extrem simples JavaSceript was die Bildschirmauflösung ausliest und dann entsprechend der Größe eins von vier möglichen Bildern anzeigt, dass ist mir aber zu umständlich und zu unschön für mehrere Seiten mit mehreren Bildern. Hatte gedacht das Lightbox 2 das gleich für mich macht, aber Lightbox 2 macht das ja nur mit URLs zu Bildern und dann immer so ein überblenden der Seite, das ist zwar schön und gut für meine Galerie, aber nicht wenn ich eine normale node habe und dort ein paar Bilder drin habe.
mfG ceri008
- Anmelden oder Registrieren um Kommentare zu schreiben
Beispiel
am 31.10.2008 - 16:41 Uhr
Hallo,
ich habe so was Ähnliches mal gemacht, und zwar mit dem Editor BuEditor und IMCE als Bildverwaltungstool:
http://drupal.org/project/bueditor
http://drupal.org/project/imce
bueditor bringt ein Makro zum Einfügen von Bildern mit, das habe ich durch folgendes ersetzt:
php:
$imce_url = function_exists('imce_menu') && user_access('access imce') ? url('imce/browse') : '';
return "js:
var B = eDefBrowseButton('$imce_url', 'attr_src', 'Durchsuchen', 'image');
var form = [
{name: 'src', title: 'BildURL', suffix: B},
{name: 'width', title: 'Breite',
type: 'select', options: {
'10%': '10%',
'20%': '20%',
'30%': '30%',
'40%': '40%',
'50%': '50%',
'60%': '60%',
'70%': '70%',
'80%': '80%',
'90%': '90%',
'100%': '100%'}},
{name: 'class', title: 'Ausrichtung', type: 'select', options: {
'buimgl': 'Linksbündig',
'buimgr': 'Rechtsbündig',
'buimgz': 'Zentriert, freistehend'
}},
{name: 'alt', title: 'Alternativer Text'}
];
eDefTagDialog('img', form, 'Bild einfügen / bearbeiten', 'OK');
";
dazu kommen noch drei Styles in der style.css:
.buimgl {float:left;clear:left;margin: .5em .5em .5em 0;}.buimgz {display:block;margin:.5em auto .5em auto;}
.buimgr {float:right;clear:right;margin: .5em 0 .5em .5em;}
Grob gesagt kann ich damit Bilder mit prozentualer Breitenangabe einfügen (z.B. 30% des zur Verfügung stehenden Platzes).
Du kannst das natürlich auch einfach über CSS lösen:
img.blabla {width:40%";} :-)
Gruß,
Boris
hmm
am 31.10.2008 - 20:28 Uhr
Grob gesagt kann ich damit Bilder mit prozentualer Breitenangabe einfügen (z.B. 30% des zur Verfügung stehenden Platzes).
damit meinst du jetzt den Platz für den content-Bereich.
der BUEditor ist sowas wie TinyMCE oder RCK-Edtor oder? weil ich möchte eigentlich nicht vom FCK wechseln.
am besten ich liste mal meine verwendeten module auf:
von der Sache her ist ja das Problem eigentlich der InternetExplorer der wenn ich ein bild die weite 100% gebe diese dann nicht skaliert, was ein ordentlicher Browser wie Firefox es aber macht.
Danke
am 31.10.2008 - 23:06 Uhr
{name: 'class', title: 'Ausrichtung', type: 'select', options: {'buimgl': 'Linksbündig',
'buimgr': 'Rechtsbündig',
'buimgz': 'Zentriert, freistehend'}}
Danke - so was für den BUE habe ich schon lange gesucht.