- Ad -
php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > PHP Developer Forum
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


PHP Developer Forum Hier habt ihr die Möglichkeit, eure Skriptprobleme mit anderen Anwendern zu diskutieren. Seid so fair und beantwortet auch Fragen von anderen Anwendern. Dieses Forum ist sowohl für ANFÄNGER als auch für PHP-Profis! Fragen zu Laravel, YII oder anderen PHP-Frameworks.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 01-04-2007, 00:47
tomtitom
 Newbie
Links : Onlinestatus : tomtitom ist offline
Registriert seit: Dec 2006
Beiträge: 140
tomtitom ist zur Zeit noch ein unbeschriebenes Blatt
Standard Bilder in IMG-Tags größe ändern

Hallo Leute,

Also ich habe ein guestbook gemacht, in dem auch html-tags erlaubt sind.
nun gibs da ein problem, wenn einer ein externes bild mit dem IMG-tag einfügt das aber sehr groß ist (widthxheight) dann verschiebt es das ganze design.

gibts da irgend eine möglichkeit um die bilder auf eine maximale größe zu definieren?

danke

mfg tom
Mit Zitat antworten
  #2 (permalink)  
Alt 01-04-2007, 02:26
ZombieChe
 Member
Links : Onlinestatus : ZombieChe ist offline
Registriert seit: Apr 2004
Ort: Hannover
Beiträge: 225
ZombieChe ist zur Zeit noch ein unbeschriebenes Blatt
ZombieChe eine Nachricht über ICQ schicken
Standard

mhmm...eine Idee wäre:

1. regulären Ausdruck auf den Eintrag anwenden, der den gesamten <img>...</img> Bereich ausliest und die url speichert
2. größe des Bildes ermitteln
3. neues <img> mit css größen-/ höhenangabe mit altem ersetzen.
fertig

ob das auch einfacher geht kann ich dir zu dieser späten stunde leider nicht sagen...
Mit Zitat antworten
  #3 (permalink)  
Alt 01-04-2007, 14:57
penizillin
 PHP Guru
Links : Onlinestatus : penizillin ist offline
Registriert seit: Feb 2004
Beiträge: 10.166
penizillin ist zur Zeit noch ein unbeschriebenes Blatt
Standard

eine weitere idee: scrollable div.
Mit Zitat antworten
  #4 (permalink)  
Alt 03-04-2007, 22:05
tomtitom
 Newbie
Links : Onlinestatus : tomtitom ist offline
Registriert seit: Dec 2006
Beiträge: 140
tomtitom ist zur Zeit noch ein unbeschriebenes Blatt
Standard

@penzillin

Ja stimmt schon, wäre auch eine Idee.

Aber lieber hätt ich doch, dass das bild sich in der größe ändert, ohne scrollbaren zu haben.

mfg tom
Mit Zitat antworten
  #5 (permalink)  
Alt 03-04-2007, 22:08
tomtitom
 Newbie
Links : Onlinestatus : tomtitom ist offline
Registriert seit: Dec 2006
Beiträge: 140
tomtitom ist zur Zeit noch ein unbeschriebenes Blatt
Standard

ok, habs jetzt mit javascript hinbekommen, aber nochmal danke für die hilfe.
Mit Zitat antworten
  #6 (permalink)  
Alt 03-04-2007, 23:00
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.714
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Original geschrieben von tomtitom
ok, habs jetzt mit javascript hinbekommen, aber nochmal danke für die hilfe.
dann poste bitte deine lösung. falls jemand ein ähnliches problem hat.

gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #7 (permalink)  
Alt 03-04-2007, 23:58
tomtitom
 Newbie
Links : Onlinestatus : tomtitom ist offline
Registriert seit: Dec 2006
Beiträge: 140
tomtitom ist zur Zeit noch ein unbeschriebenes Blatt
Talking

ok

Also fangen wir mal an.

Ihr legt einen div container an, in den sich die img-tags befinden.
Diesem Container müsst ihr natürlich eine id zuweisen, damit wir ihn später dann via javascript ansprechen können.

Code:
<div id="resize_imgs">
    <img src="bild1.jpg">
    <img src="bild2.jpg">
    <img......
</div>
Wichtig ist, dass euer Body-Tag wie folgt aussieht:
Code:
<body onload=";ImageResize(breite auf die die bilder geändert werden sollen)">
</body>
Nun kommen wir zum wichtigsten teil, nämlich der sache mit javascript:
Code:
var imgcodeResizeMsg = 'Bild wird verkleinert dargestellt. Klicken für Originalgröße!';
var imgcodeClassName = 'vbimgcodelimit';

function ImageResize(getw) {
var imgcodeWidthMax = getw;
var imgcodeWidthSizeTo = getw;
if (document.getElementById("resize_imgs").getElementsByTagName("img").length) {
var docImg = document.getElementById("resize_imgs").getElementsByTagName("img");
   for ( var i = 0 ; i < docImg.length ; i++ )
      if (docImg[i].width > imgcodeWidthMax) {
         docImg[i].width = imgcodeWidthSizeTo;
         docImg[i].title = imgcodeResizeMsg;
         docImg[i].className = imgcodeClassName;
         docImg[i].onclick = ImagecodeWinOpen;
      }
   }
}

function ImagecodeWinOpen(e) {
	if( window.event )
	   window.open(window.event.srcElement.src,'IMG','menubar=no, toolbar=no, location=no, directories=no, fullscreen=no, titlebar=yes, hotkeys=no, status=no, scrollbars=yes, resizable=yes');
	else
	   window.open(e.target.src,'IMG','menubar=no, toolbar=no, location=no, directories=no, fullscreen=no, titlebar=yes, hotkeys=no, status=no, scrollbars=yes, resizable=yes');
}
so das wars, viel spaß damit.

mfg tommy
Mit Zitat antworten
  #8 (permalink)  
Alt 04-04-2007, 00:09
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

Code:
function ImagecodeWinOpen(e) {
	if( window.event )
	   window.open(window.event.srcElement.src,'IMG','...');
	else
	   window.open(e.target.src,'IMG','...');
}
Die Fallunterscheidung hier kannst du dir schenken, ebenso die Verwendung von Eigenschaften des event-Objektes - über this hast du Zugriff auf das Bildobjekt, auf welches geklickt wurde.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

Mit Web-Templates Geld verdienen
Mit Web-Templates Geld verdienenWeb-Templates gewinnen immer mehr an Bedeutung. Erfahre hier, wie du dir mit dem TemplateMonster-Marktplatz neue Verkaufswege erschließen kannst.

17.10.2017 | Berni

Kostenloser PHP Editor Codelobster
Kostenloser PHP Editor CodelobsterEin einfach zu verwendender PHP, HTML, CSS, JavaScript Editor mit vielen Funktionen

21.09.2017 | Berni


 

Aktuelle PHP Scripte

PHP Newsletter Script SuperWebMailer ansehen PHP Newsletter Script SuperWebMailer

Die webbasierte PHP Newsletter Software SuperWebMailer ist die optimale Lösung zur Durchführung eines erfolgreichen E-Mail-Marketings. Zur Nutzung des PHP Script-Pakets ist eine eigene Webpräsenz/Server mit PHP 4 oder neuer, MySQL 3.23 oder neuer und die

17.11.2017 mirko_swm | Kategorie: PHP/ Mail
belbit Ticketcenter ansehen belbit Ticketcenter

Supportanfragen per Helpdesk über E-Mail und per Kontaktformular entgegennehmen. Inkl. iPhone- und Android App zum mobilen Beantworten von Anfragen.

14.11.2017 EichbaumMedia | Kategorie: PHP/ Ticketsystem
PHP Counter Script V1.0 ansehen PHP Counter Script V1.0

Ein ganz einfach einzubauender Besucherzähler. Kostenlos und ohne Werbung für private und gewerbliche Webseiten!

14.11.2017 hinnendahl_com | Kategorie: PHP/ Counter
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 01:51 Uhr.