zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Serveradministration und serverseitige Scripte
Seite neu laden Galerie Script

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.10.2009, 22:54
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard Galerie Script

Hallo =)

Also ein Kumpel arbeitet gerade für unsere Webseite (One-Piece-Anime.de) an einem Galerie Script, er hat jetzt zwar hin bekommen das automatisch ein Thumbnail erzeugt wird... jedoch sieht das so aus:



das passt so mit dem schwarzen leider gar nicht zu unserem design... nun wollte ich fragen wie die bei deviant art es so hin bekommen haben das nur das bild im thumbnail generiert wird? also ohne schwarzen hintergrund oder sowas...

(Browsing deviantART)

und vor allem wie haben die dann noch so nen schönen schatten um das bild herum bekommen?

währe für jede hilfe dankbar =)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.10.2009, 23:11
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Im Grunde musst du nur die originalen Bildmaße nehmen, dann proportional verkleinern, ein neues Bild in den Maßen erzeugen und das Originalbild verkleinert drauf einfügen.

Denke mal ihr erzeugt erst ein leeres/schwarzes Bild fenster Größe und verkleinert dann.
__________________
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.10.2009, 00:01
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

hmmm ich denke es währe das beste wenn ich dem der es codet sage das er ihr reinposten soll wie er es genau macht =)

ich habe nun das hier gefunden Demo Gallery | Flowers and Trees ich frage mal meinen php coder ob er das anpassen könnte an unsere bedürfnisse, denn dieses script bietet wunderbare vorraussetzungen für unser vorhaben =)

O.M.G.! ^^ dieses Script ist alles andere als einfach ^^" ich habe noch nie so etwas verwirrendes gesehen... es rastet aus wo es nur möglich ist! .htaccess soll man anpassen oder beschreibbar machen, bei installation... er warnt auch beim setup das safe mode on ist und markiert diese meldung als WARNUNG (drunter steht dann "aber das geht schon klar") aja ok dachte ich mir, installierstes halt trotz warnung... dann im admin panel versucht bilder zu uppen... kam meldung Safe Mode ON! uppen nicht möglich... Da hab ich direkt google durchforstet und gelesen das man die .htaccess editieren soll... ALLES KLAR dachte ich mir, wusste zwar ned genau was ich editieren soll, aber dachte mir der erste schritt währe die file erstmal zu öffnen... ich öffne auf dem server den ordner wo das script drin ist (wo vor der installation, beim uppen der files noch die .htaccess drin war) und bemerke das sie auf einmal nicht mehr da ist... hab sie neu geuploadet und stell fest das es NICHTS bewirkt...

hmmmmm... sry bin grad bissi angetrunken und reg mich höllenst krass auf über dieses script ^^ währe wohl echt ein unglaublicher zufall wenn sich einer mit dem script hier auskennt...

Geändert von Cybertronic (07.10.2009 um 06:24 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 07.10.2009, 22:55
Neuer Benutzer
neuer user
 
Registriert seit: 18.08.2009
Beiträge: 15
phpspace befindet sich auf einem aufstrebenden Ast
Standard

Wenn du verschiedene Screenshots von Bildern machen möchtest, solltest du dir ganz einfach mal diese unterschiedlichen PHP-Skripte -> Bild-Manipulation | Bildmanipulation | Bild bearbeitungsscript | Seite: 1 dir ansehen. Dort findest du verschiedene Klassen, womit man individuelle Screenshots generieren kann.

Grüße Nico
__________________
Brauchst Du Hilfe mit PHP?
Mit Zitat antworten
  #5 (permalink)  
Alt 07.10.2009, 23:01
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Hier ist ein Script von mir, bzw. besser gesagt nur eine Funktion, welche Thumbnails erzeugen kann mit verschiedenen Beispielaufrufen - war mal in meinem alten Blog gepostet (in den neuen kommts auch wieder, evtl. überarbeitet):

Zitat:
Diese Funktion erzeugt von einem übergebenen Bild einen Thumbnail (verkleinerte Version des Bildes) - es wird die GDLib benötigt, welche bei den meisten PHP Installationen dabei sein sollte.

Als Bildformate werden GIF, JPG und PNG unterstützt (sofern in der GDLib aktiviert).

Da die Funktion recht vielseitig ist werde ich nun zuerst die einzelnen Parameter erklären:

$source: Hier wird das Quellbild angegeben, welches verkleinert werden soll.

$new_size: Hier wird die maximale Breite oder Höhe des Bildes angegeben. Ist das Bild breiter als hoch, so wird die Breite auf diesen Wert gesetzt und die Höhe proportional angepasst. Anders herum genauso. Wird dieser Wert angegeben, so werden alle weiteren Größenwerte ignoriert. Falls eine der anderen Größenvarianten genutzt werden soll, muss dieser Wert auf 0 gesetzt werden.

$new_width / $new_height: Werden beide Werte angegeben, so wird das Bild fest auf diese Werte verkleinert. Wird nur einer der Werte angegeben und der andere auf 0 gesetzt, so wird der auf 0 gesetzte Wert proportional berechnet.

$target: Hier wird der Name und Bildtyp für das Zielbild angegeben. Soll das Bild direkt im Browser ausgegeben werden (nähere Infos dazu weiter unten) so muss der gewünschte Bildtyp (gif, jpg, png) angegeben werden. Alternativ kann auch ein Dateiname angegeben werden, unter dem das Zielbild dann gespeichert wird. Der Bildtyp wird dann aus dem Dateinamen ermittelt (bspw. name.jpg).

$quali: Dieser Parameter ist optional (Standardwert 100) und kann angegeben werden, wenn das Zielbild vom Typ JPG ist und eine andere Komprimierungsqualität als 100 erwünscht wird. Bei allen anderen Bildtypen wird der Parameter - falls angegeben - ignoriert.

Die fünf Beispielaufrufe sollten separat aufgerufen werde (die anderen bspw. auskommentieren). Die ersten vier speichern den Thumbnail unter dem angegebenen Dateinamen. Das fünfte Beispiel erzeugt eine direkte Ausgabe des Bildes mit dem angegebenen Typ.

Da bei der direkten Ausgabe der Header angepasst wird darf zuvor keine Ausgabe erfolgt sein. Bei der direkten Ausgabe kann die PHP Datei auch als src-Attribut für einen img-Tag genutzt werden, da durch die Anpassung des Headers dem Browser mitgeteilt wird, dass es sich um ein Bild handelt. Eine direkte Ausgabe empfiehlt sich nur in wenigen Fällen, da die Verkleinerung des Bildes so bei jedem Aufruf stattfindet und der Server dadurch mehr belastet wird, als wenn das Bild einmal verkleinert und gespeichert wird. Dann kann immer direkt die verkleinerte Ausgabe angezeigt werden.

Hat alles geklappt, so gibt die Funktion den Wert true zurück, andernfalls eine Fehlermeldung. Damit der Wert true richtig erkannt werden kann ist eine typensichere Abfrage durch === erforderlich.
PHP-Code:
<?php

//
// Thumbnail von einem Bild erzeugen
//
function CreateThumbnail($source$new_size$new_width$new_height$target$quali 100) {
  
// Prüfen ob die GDLib geladen ist
  
if (!extension_loaded('gd')) {
    return 
'GDLib wurde nicht geladen!';
  }

  
// Prüfen welche Bildformate unterstützt werden
  
$gd_types = array();
  if (
ImageTypes() & IMG_GIF) {
    
array_push($gd_types1'gif');
  }
  if (
ImageTypes() & IMG_JPG) {
    
array_push($gd_types2'jpg');
  }
  if (
ImageTypes() & IMG_PNG) {
    
array_push($gd_types3'png');
  }

  
// Quellbildmaße und -typ ermitteln
  
if (!$image_data = @getimagesize($source)) {
    return 
'Quellbild konnte nicht geöffnet werden!';
  }
  list(
$width$height$type) = $image_data;

  
// Quellbild laden
  
if (!in_array($type$gd_types)) {
    return 
'Der Quellbildtyp wird von ihrer GDLib nicht unterstützt!';
  }
  switch (
$type) {
    case 
1$img imagecreatefromgif($source); break;
    case 
2$img imagecreatefromjpeg($source); break;
    case 
3$img imagecreatefrompng($source);
  }

  
// Neue Größe bei gleichbleibenden Proportionen bestimmen
  
if ($new_size 0) {
    
$new_width = ($width >= $height $new_size 0);
    
$new_height = ($height $width $new_size 0);
  }
  if (
$new_width == || $new_height == 0) {
    if (
$new_width == && $new_height == 0) {
      return 
'Mindestens ein Wert muss für das Zielmaß angegeben werden!';
    } else {
      if (
$new_width == 0) {
        
$new_width round($new_height $width $height);
      } elseif (
$new_height == 0) {
        
$new_height round($new_width $height $width);
      }
    }
  }

  
// Zielbildtyp bestimmen
  
if (empty($target)) {
    return 
'Es wurde kein Zielbildtyp oder Zielbildname angegeben!';
  }
  
$dot strrpos($target'.');
  if (
$dot === false) {
    
$target_type strtolower($target);
    
$save false;
  } else {
    
$target_type strtolower(substr($target$dot 1strlen($target) - $dot 1));
    
$save true;
  }
  if (!
in_array($target_type$gd_types)) {
    return 
'Der Zielbildtyp wird von ihrer GDLib nicht unterstützt!';
  }

  
// Zielbild erstellen
  
if ($target_type == 'gif' || !function_exists('imagecreatetruecolor')) {
    
$timg imagecreate($new_width$new_height);
  } else {
    
$timg imagecreatetruecolor($new_width$new_height);
  }

  
// Quellbild verkleinern
  
imagecopyresampled($timg$img0000$new_width$new_height$width$height);

  
// Bei direkter Ausgabe den Header anpassen
  
if (!$save) {
    
header('content-type: image/' . ($target_type == 'jpg' 'jpeg' $target_type));
  }

  
// Zielbild speichern oder ausgeben
  
switch ($target_type) {
    case 
'gif': if ($save) { imagegif($timg$target); } else { imagegif($timg); } break;
    case 
'jpg': if ($save) { imagejpeg($timg$target$quali); } else { imagejpeg($timg''$quali); } break;
    case 
'png': if ($save) { imagepng($timg$target); } else { imagepng($timg); }
  }

  
// Bildspeicher freigeben
  
imagedestroy($img);
  
imagedestroy($timg);

  return 
true;
}

//
// Beispielaufruf 1: Feste Größe, Thumb speichern als JPG mit 80% Qualität
//
$status CreateThumbnail('grosses_bild.png'0150150'kleines_bild1.jpg'80);
echo (
$status === true 'Bild wurde gespeichert!' 'Fehler: ' $status);

//
// Beispielaufruf 2: Feste Breite, Thumb speichern als PNG
//
$status CreateThumbnail('grosses_bild.png'01500'kleines_bild2.png');
echo (
$status === true 'Bild wurde gespeichert!' 'Fehler: ' $status);

//
// Beispielaufruf 3: Feste Höhe, Thumb speichern als PNG
//
$status CreateThumbnail('grosses_bild.png'00150'kleines_bild3.png');
echo (
$status === true 'Bild wurde gespeichert!' 'Fehler: ' $status);

//
// Beispielaufruf 4: Maximale Breite oder Höhe, Thumb speichern als PNG
//
$status CreateThumbnail('grosses_bild.png'15000'kleines_bild4.png');
echo (
$status === true 'Bild wurde gespeichert!' 'Fehler: ' $status);

//
// Beispielaufruf 5: Feste Breite, Thumb direkt ausgeben als PNG
//
CreateThumbnail('grosses_bild.png'01500'png');

?>
__________________
Mit Zitat antworten
  #6 (permalink)  
Alt 07.10.2009, 23:23
Neuer Benutzer
neuer user
 
Registriert seit: 18.08.2009
Beiträge: 15
phpspace befindet sich auf einem aufstrebenden Ast
Standard

Ich verwende bei verschiedenen Projekten immer diese Klasse: phpThumbnailer - Bild-Manipulation

Die Klasse ist einfach anzupassen und es liegt ein Beispiel, wie man die Klasse verwenden kann mit bei.
__________________
Brauchst Du Hilfe mit PHP?
Mit Zitat antworten
  #7 (permalink)  
Alt 08.10.2009, 02:26
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

hey nice, danke für die ganzen tipps =) ich selber kann damit nicht all zu viel anfangen weil ich absolut nichts über php weis, ich sag direkt morgen meinem kumpel das er sich das hier mal zu herzen nehmen soll und bei fragen selber posten soll =)
Mit Zitat antworten
  #8 (permalink)  
Alt 12.10.2009, 19:51
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

danke mein kumpel hat viel dazu gelernt dank den tipps =) doch wir haben uns jetzt umentschieden ein fertiges zu nehmen... aber auch nur weil wir eins gefunden haben das perfekt ist für unsere anforderungen... nur ist teilweise der code sinnlos... oder er erscheint mir nur sinnlos... es scheint irgendwie eine css file zu geben die ich nicht finde, sie ist weder verlinkt im header, noch lässt sie sich sonst wo finden, und dennnoch bezieht das script beim seiten aufbau befehle aus dieser nicht existierenden css datei...

Gallery | fanarts

ich habe versucht disen inhalt zu centrieren... aber leider schaff ich das irgendwie nicht... denn irgendwie ist da um das galerie script eine div die in der datei ebenfalls NICHT existiert, würde die gerne einfach raus löschen aber da sie nicht existiert im code weis ich nich wie ich sie raus löschen soll =(

hier ist mal der code der galerie, den ehader und den footer las ich mal raus da er euch nur die übersicht raubt:

Code:
<div class="galerie_main_inhalt">
<div class="galerie_ausrichtung">
<div class="textpic_left"><img src="/system/funpic/funpic_linkus.png" alt="Linkus FunPic" width="90" height="90" /></div>Ob Nakama oder nicht, hier hast du die M&ouml;glichkeit dir einen  Banner raus zu suchen, um das verlinken auf One-Piece.AnimeSector.de sch&ouml;ner zu  gestallten. Falls du ebenfalls Herr und Meister &uuml;ber eine eigene One Piece,  oder eine sonstige Anime Webseite bist und du Interesse an einer Partnerschaft  hast, kannst du dich gerne als Partner Seite bei uns Bewerben. Dazu einfach  eine E-Mail an uns senden (E-Mail Adresse steht im Impressum) mit dem Titel  &quot;Bewerbung&quot; einer Detaillierten Auflistung der Angebote/Dienste die  eure Webseite zu Bieten hat und einen Link zu ihr. Andernfalls ist es uns nicht  m&ouml;glich die Bewerbung zu bearbeiten, und sie wird somit Gel&ouml;scht.<br /></div>

	<div class="galerie_position">
	
		<?php printAlbumDesc(true); ?>

			<div id="albums">
			<?php while (next_album()): ?>
			<div class="album">

						<div class="thumb">
					<a href="<?php echo htmlspecialchars(getAlbumLinkURL());?>" title="<?php echo gettext('View album:'); ?> <?php echo getAnnotatedAlbumTitle();?>"><?php printAlbumThumbImage(getAnnotatedAlbumTitle()); ?></a>
						</div>
				<div class="albumdesc">
					<h3><a href="<?php echo htmlspecialchars(getAlbumLinkURL());?>" title="<?php echo gettext('View album:'); ?> <?php echo getAnnotatedAlbumTitle();?>"><?php printAlbumTitle(); ?></a></h3>
								<small><?php printAlbumDate(""); ?></small>
					<p><?php printAlbumDesc(); ?></p>
				</div>
				<p style="clear: both; "></p>
			</div>
			<?php endwhile; ?>
		</div>

			<div id="images">
			<?php while (next_image(false, $firstPageImages)): ?>
			<div class="image">
				<div class="imagethumb"><a href="<?php echo htmlspecialchars(getImageLinkURL());?>" title="<?php echo getBareImageTitle();?>"><?php printImageThumb(getAnnotatedImageTitle()); ?></a></div>
			</div>
			<?php endwhile; ?>

		</div>

		<?php printPageListWithNav("&laquo; ".gettext("prev"), gettext("next")." &raquo;"); ?>
		<?php printTags('links', gettext('<strong>Tags:</strong>').' ', 'taglist', ''); ?>

	
	<?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>
	<?php if (function_exists('printRating')) { printRating(); }?>
	<?php
	if (function_exists('printCommentForm')) {
		?>
		<div id="comments">
			<?php printCommentForm(); ?>
		</div>
		<?php
	}
	?>
	</div>
</div>
<div class="balken_unten">
<div id="credit">
<?php printRSSLink('Album', '', gettext('Album RSS'), ''); ?> | <?php printCustomPageURL(gettext("Archive View"),"archive"); ?> | 
<?php printZenphotoLink(); ?>
<?php
if (function_exists('printUserLogout')) {
	printUserLogout(" | ");
}
?>
</div>
</div>
</div>
wenn ihr mit firebug nun schaut, bemerkt ihr das nun um die bildergalerie noch eine weitere div ist die sich "<div class="pagelist">" nennt... wie ihr in dem code seht kommt diese div aber gar nicht vor... und in der css existiert sie ebenfalls nicht =( diese div würde ich halt raus machen müssen, da sie irgend ein margin oder padding hat, das verhindert halt das ich die galerie anständig positionieren kann...
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Galleriffic Galerie ready CSS 2 26.05.2011 10:55
CSS - Galerie funktioniert in Chrome nicht richtig adipics.de CSS 1 11.05.2011 01:38
HTML Galerie Legedenda CSS 5 12.11.2010 16:47
PHP Script mit GET-Parametern als Img-Src Ares Serveradministration und serverseitige Scripte 2 13.09.2008 22:19
Script soll Logdatei beschreiben, funktioniert auch aber nicht als Cronjob braindead Serveradministration und serverseitige Scripte 7 11.04.2007 09:11


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:16 Uhr.