Antworten auf deine Fragen:
Neues Thema erstellen

Fotoanzeige - Änderung von maximaler Höhe und Breite

onpoint

Aktives Mitglied

Hallo, liebes Forum,

ich habe gerade ein kleines Problem mit einem Kundenprojekt.

Es geht um folgendes:

Bei der Webseite handelt es sich um eine Modelagentur. Hierfür wurde vom Kunden ein Worpress Theme ausgesucht, welches ich auf die Kundenwünsche angepasst habe. Nun hänge ich noch an einer kleinen Sache. Für jedes Model gibt es in einer Einzelansicht Fotoanzeigen. Diese wurden vom Designer auf 400x400 Pixel beschränkt. Der Kunde hätte aber gerne andere Maße. Ich habe schon einiges versucht. Auf Änderungen von mir gefundenen CSS-Befehlen gab es leider kein befriedigendes Ergebnis. Vielleicht findet ihr ja was?

Hier gelangt ihr zur Einzelansicht:



Das angelegte Model ist "Testmodel". Das Foto ist auf 400x400px begrenzt und soll ein rechteckiges Format bekommen.

Ich danke im Voraus!

Viele Grüße
 

onpoint

Aktives Mitglied

AW: Fotoanzeige - Änderung von maximaler Höhe und Breite

Ich kann Dir zwar bei Deinem Problem nicht helfen. Dafür ist mir aber etwas anderes aufgefallen, um das man sich kümmern sollte, sofern die von Dir angegebene Adresse die endgültige Adresse ist, unter der man die Seite erreicht.

Guckst Du hier:
http://www.mywot.com/en/scorecard/h...erver.info/saarmodels/?wpsc-product=testmodel


Selbstverständlich ist das nicht die endgültige Adresse. Sobald die Seite komplett ist, wird sie umgeleitet.

Viele Grüße!
 

Matte

Nicht mehr ganz neu hier

AW: Fotoanzeige - Änderung von maximaler Höhe und Breite

Bei dem was ich das sehe, ist das nicht eher 'ne Java-Geschichte?


Gruß

Matte
 

onpoint

Aktives Mitglied

AW: Fotoanzeige - Änderung von maximaler Höhe und Breite

Hallo Matte,

die Javageschichte ist doch lediglich dieser Zoomeffekt, oder nicht? Oder meinst du, dass in einer *.js definiert ist wie hoch und breit das Foto dargestellt werden soll?

Viele Grüße
 

vincitore

Aktives Mitglied

AW: Fotoanzeige - Änderung von maximaler Höhe und Breite

Hi, also das Problem liegt nicht an dem HTML/CSS Teil, sondern am Wordpress-PHP-Teil! Du bindest halt ein 400x400 Bild ein.
Die Funktionen die das regeln sind und Post_Thumbnails
In der Regel findest du die Einstellungen in der functions.php des Themes.
Du kannst entweder bei der jetzigen Thumb-Größe deine Maße eintragen oder du machst dir extra dafür eine neue, dann muss du Sie aber auch im Theme an der Stelle wo das Bild eingebunden wird abändern!

Hier ein Beispiel aus einer functions.php
PHP:
	/*Thumbnailgrößen*/
	if ( function_exists( 'add_theme_support' ) ) {
		add_theme_support( 'post-thumbnails');
		set_post_thumbnail_size( 440, 440, true);
		add_image_size( 'bigThumb', 440,440, true);
		add_image_size( 'smallThumb',218,219, true);
		add_image_size( 'xtrasmallThumb',100,100, true);
		add_image_size( 'attachment',960,2000, false);
	}
Beispiel für die Einbindung
PHP:
<?php the_post_thumbnail('xtrasmallThumb'); echo("\n");?>
 

onpoint

Aktives Mitglied

AW: Fotoanzeige - Änderung von maximaler Höhe und Breite

Hallo vincitore,

super! Hat funktioniert! Und ich durchstöbere seit Tagen die CSS-Dateien... :D

Jetzt bräuchte ich nur noch eine Lösung für Bilder im Querformat. Der Designer hat leider nicht dazugeschrieben, dass diese automatisch angepasst werden. Somit haben sie auch das Hochformat..logischerweise.

Noch eine kleine Sache: Ich versuche die Zoom-Funktion zu deaktivieren. Doch egal was ich mache oder welche Befehle ich diesbezüglich abändere bzw entferne, danach ist es mir nicht mehr möglich zwischen den Fotos zu wechseln. Er öffnet die Thumbnails dann automatisch als Link.

Der Code für die Anzeige ist wie folgt:

PHP:
<div class="main-image" style="position:relative;">
                                    <a href="<?php echo wpsc_the_product_image(); ?>" class="cloud-zoom" id="zoom1" rel="adjustX: 10, adjustY:-4" style="position: relative; display: block; ">
                                        <img class="product_image" id="product_image_<?php echo $product_id; ?>" alt="<?php echo wpsc_the_product_title(); ?>" title="<?php echo wpsc_the_product_title(); ?>" src="<?php echo etheme_get_image( $id, $big_width, $big_height, true ) ?>"/>
                                    </a>
                                    <!--a class="lightbox-btn" href="assets/product-placeholder-big.png">Lightbox</a-->
                                </div>

Danke im Voraus für die Hilfe!

Viele Grüße
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.528
Neuestes Mitglied
Links Stream es
Oben