Non sono sicuro di aver compreso benissimo, comunque puoi calcolare la larghezza del box che contiene le due anteprime in home page (mi pare sia <div class="galleries">) e dargli un margin laterale "auto"
Guarda, questo è il pezzo di codice che dovresti aver detto tu... dove devo mettere auto?
<div class="galleries">
<h2>Albums</h2>
<ul>
<?php while (next_album()): ?>
<li>
<a href="<?=getAlbumLinkURL();?>" title="View album: <?=getAlbumTitle();?>" class="img">
<?php printCustomAlbumThumbImage(getAlbumTitle(), null, 230, null, 210, 160, null, null, 'reflect', null); ?>
</a>
<h3><a href="<?=getAlbumLinkURL();?>" title="View album: <?=getAlbumTitle();?>"><?php printAlbumTitle(); ?></a></h3>
<p> <?php $text = getAlbumDesc(); if( strlen($text) > 150) $text = preg_replace("/[^ ]*$/", '', substr($text, 0, 50))."…"; echo$text; ?></p>
</li>
<?php endwhile; ?>
</ul>
</div>
Si ma qual'è il nome dell'immagine? Se è un valore a DB ci metti poco a recuperarlo
A questo quesito non so risponderti :stordita: però questo è il codice della pagine image.php
<?php if (!defined('WEBPATH')) die(); ?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title><?php printGalleryTitle(); ?> > <?=getAlbumTitle();?> > <?=getImageTitle();?></title>
<link rel="stylesheet" href="<?= $_zp_themeroot ?>/css/master.css" type="text/css" />
<script type="text/javascript">var blogrelurl = "<?= $_zp_themeroot ?>/";</script>
<script type="text/javascript" src="<?= $_zp_themeroot ?>/js/rememberMe.js"></script>
<script type="text/javascript" src="<?= $_zp_themeroot ?>/js/comments.js"></script>
<script type="text/javascript" src="<?= $_zp_themeroot ?>/js/fadein.js"></script>
<script type="text/javascript" src="<?= $_zp_themeroot ?>/js/addEvent.js"></script>
<script type="text/javascript" src="<?= $_zp_themeroot ?>/js/sweetTitles.js"></script>
<?php require ('thinkdreams-functions.php'); ?>
<?php printPreloadScript(); ?>
<?php zenJavascript(); ?>
</head>
<body class="photosolo">
<br />
<script type="text/javascript">
//<![CDATA[
google_color_border = "000000";
google_color_bg = "000000";
google_color_link = "ffffff";
google_color_url = "3288DE";
google_color_text = "aaaaaa";
//]]>
</script>
<div id="path">
<p>
<a href="<?=getGalleryIndexURL();?>" title="Gallery Index"><?=getGalleryTitle();?></a> »
<a href="<?=getAlbumLinkURL();?>" title="Gallery Index"><?=getAlbumTitle();?></a> »
<a style="color:white;><?php printImageTitle(false); ?></a>
</p>
</div>
<div id="content">
<?php $exif = getImageEXIFData(); ?>
<div id="main" style="margin:auto">
<div id="photo_container" style="visibility:hidden;"><a href="<?=getFullImageURL();?>" title="<?=getImageTitle();?>"><?php printCustomSizedImage(getImageTitle(), null, 500); ?></a></div>
<!--
<div id="meta">
<ul>
<li class="count"></li>
<li class="date"></li>
<li class="tags"></li>
</ul>
</div>
-->
<br clear="all" />
<div id="commentblock">
<?php $showhide = "<a href=\"#comments\" id=\"showcomments\"><img src=\"".$_zp_themeroot."/img/btn_show.gif\" width=\"35\" height=\"11\" alt=\"SHOW\" /></a> <a href=\"#content\" id=\"hidecomments\"><img src=\"".$_zp_themeroot."/img/btn_hide.gif\" width=\"35\" height=\"11\" alt=\"HIDE\" /></a>"; $num = getCommentCount(); if ($num == 0) echo "<h2>No comments yet</h2>"; if ($num == 1) echo "<h2>1 comment so far $showhide</h2>"; if ($num > 1) echo "<h2>$num comments so far $showhide</h2>"; ?>
<div <?php $num = getCommentCount(); if ($num > 0) echo "id=\"comments\""; ?>>
<dl class="commentlist">
<?php while (next_comment()): ?>
<dt>
<a class="postno"> </a>
<em>On <?=getCommentDateTime();?>, <?php printCommentAuthorLink(); ?> wrote:</em>
</dt>
<dd>
<p><?=getCommentBody();?><?php printEditCommentLink('Edit', ' (', ')'); ?></p>
</dd>
<?php endwhile; ?>
</dl>
<?php if (isset($error)) { ?><p><div class="error">There was an error submitting your comment. Name, a valid e-mail address, and a comment are required.</div></p><?php } ?>
<p class="mainbutton" id="addcommentbutton"><a href="#addcomment" class="btn"><img src="<?= $_zp_themeroot ?>/img/btn_add_a_comment.gif" alt="" /></a></p>
<div id="addcomment">
<h2>Add a comment</h2>
<!-- If comments are on for this image AND album... -->
<form id="comments-form" action="#" method="post">
<input type="hidden" name="comment" value="1" />
<input type="hidden" name="remember" value="1" />
<table border="0">
<tr valign="top" align="left" id="row-name">
<th><label for="name">name:</label></th>
<td><input type="text" id="name" name="name" class="text" value="<?=$stored[0];?>" class="inputbox" />
</td>
</tr>
<tr valign="top" align="left" id="row-email">
<th><label for="email">email:</label></th>
<td><input type="text" id="email" name="email" class="text" value="<?=$stored[1];?>" class="inputbox" /> <em>(not displayed)</em>
</td>
</tr>
<tr valign="top" align="left">
<th><label for="website">url:</label></th>
<td><input type="text" id="website" name="website" class="text" value="<?=$stored[2];?>" class="inputbox" /></td>
</tr>
<?php printCaptcha('<tr valign="top" align="left"><th>'.gettext('Enter').' ', ':</th><td>', '</td></tr>',12); ?>
<tr valign="top" align="left">
<th><label for="c-text">comment:</label></th>
<td><textarea name="comment" rows="10" cols="40"></textarea></td>
</tr>
<tr valign="top" align="left">
<th class="buttons"> </th>
<td class="buttons"><input type="submit" value="Add comment" class="pushbutton" id="btn-preview" /><p>Fill in "name", "email" and "comment" <br />and enter security code</p></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>
<?php if (hasPrevImage()) { ?>
<div id="prev" class="slides"> <p><a href="<?=getPrevImageURL();?>" title="Previous photo"><img src="<?=getPrevImageThumb(); ?>" /></a></p></div>
<?php } if (hasNextImage()) { ?>
<div id="next" class="slides"> <p><a href="<?=getNextImageURL();?>" title="Next photo"><img src="<?=getNextImageThumb(); ?>" /></a></p></div>
<?php } ?>
<div id="desc">
<h1><?php printImageTitle(true); ?></h1>
<div style="margin-left:260px;">
<p><?php printImageDesc(true); ?></p>
</div>
<div id="exifdata" style="margin-left: 260px;padding-right:20px;">
<span>© Flavio Suffredini photographer</span>
<ul>
<?php
if($exif['EXIFModel']) echo'<li><img src="'.$_zp_themeroot.'/img/camera.png" />'.$exif['EXIFModel'].'</li>';
if($exif['EXIFDateTimeOriginal']) echo'<li><img src="'.$_zp_themeroot.'/img/time.png" />'.$exif['EXIFDateTimeOriginal'].'</li>';
if($exif['EXIFImageWidth'] && $exif['EXIFImageHeight']) echo'<li><img src="'.$_zp_themeroot.'/img/photo.png" />'.$exif['EXIFImageWidth'].' x '.$exif['EXIFImageHeight'].'</li>';
if($exif['EXIFFlash']) echo'<li><img src="'.$_zp_themeroot.'/img/lightning.png" />Flash: '.$exif['EXIFFlash'].'</li>';
if($exif['EXIFFocalLength']) echo'<li><img src="'.$_zp_themeroot.'/img/eye.png" />f/'.$exif['EXIFFocalLength'].'</li>';
if($exif['EXIFISOSpeedRatings']) echo'<li><img src="'.$_zp_themeroot.'/img/eye.png" />f/'.$exif['EXIFISOSpeedRatings'].'</li>';
?>
</ul>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="5300322">
<table>
<tr><td><input type="hidden" name="on0" value="Formato">Size</td></tr><tr><td><select name="os0">
<option value="Opaco 10x15cm">Matt 10x15cm €10,00
<option value="Lucido 10x15cm">Glossy 10x15cm €10,00
<option value="Opaco 20x30cm">Matt 20x30cm €18,00
<option value="Lucido 20x30cm">Glossy 20x30cm €18,00
<option value="Opaco 30x45cm">Matt 30x45cm €30,00
<option value="Lucido 30x45cm">Glossy 30x45cm €30,00
<option value="Metal 30x45cm">Metal 30x45cm €35,00
<option value="Tela 90x60cm">Canvas 90x60cm €70,00
<option value="Tela 150x100cm">Canvas 150x100cm €120,00
<option value="Tiff 10mpx web">Tiff 10mpx web €50,00
<option value="Jpg 0,7mpx web">Jpg 0,7mpx web €7,00
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="Nome">Photo title (required)</td></tr><tr><td><input type="text" name="os1" maxlength="60"></td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="http://suffredini.altervista.org/gallery/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - Il sistema di pagamento online più facile e sicuro!">
<img alt="" border="0" src="https://www.paypal.com/it_IT/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</div>
</div>
<?php printAdminToolbox(); ?>
</form>
</body>
Ti potrei consigliare di tenere in pagina solo una versione "media" della foto e poi aprire in "popup" con una lightbox una versione ingrandita.
http://leandrovieira.com/projects/jquery/lightbox/
questa soluzione personalmente non mi garba molto... mi piace la soluzione che attualmente c'è sul mio sito ma vorrei semplicemente che le immagini orizzontali apparissero più grandi... almeno il doppio!
grazie mille per l'aiuto :)