Fotoanzeige - Änderung von maximaler Höhe und Breite

[onpoint]

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

 

[Digicam]

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

 

[onpoint]

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]

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]

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]

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

	/*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 the_post_thumbnail('xtrasmallThumb'); echo("\n");?>

 

[onpoint]

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

Hallo vincitore,

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

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:

<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