Album photos - Modifier grande image

[Dalien]

Bonjour,

Comment enlever le titre de la photo pour le remplacer, s'il y en a un, par le commentaire?

En même temps, je voudrais mettre le "Image # de # Suivante" au centre de l'espace.



CMSMS 1.5.4
Albums 0.9.3

Lien du site : http://www.art-o-jardin.com/

Lien d'une galerie avec une image et commentaire

Merci pour votre aide.

[Dalien]

Question trop compliquée OU je n'ai pas donné assez de renseignement?

[blast2007]

Question trop compliquée OU je n'ai pas donné assez de renseignement?

Hi Dalien,
to achive your request you should edit your album template and your album CSS style

Now I have few times, and I can't check but in next day I will try to help you.

Regards
blast

[Dalien]

Hi Dalien,
to achive your request you should edit your album template and your album CSS style

Now I have few times, and I can't check but in next day I will try to help you.

Regards
blast

Thank you blast for your response.

I tried this before but i think it's in the .js and I don't know how.

En français:

Code: Select all

Merci blast pour ta réponse.

J'ai essayé ça avant mais je crois que c'est dans le fichier .js et je ne sais pas comment.

[blast2007]

For the first request:

Comment enlever le titre de la photo pour le remplacer, s'il y en a un, par le commentaire?

change in your default album template  this line:

Code: Select all

<li class="thumb"><a href="{$onepicture->picture}" rel="{$album->name|escape:'html'}" class="thickbox" title="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}"> <img src="{$onepicture->thumbnail}" alt="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}" title="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}"{$onepicture->autothumbnailsize} /></a>
   	   </li>

with this other

Code: Select all

	    <li class="thumb"><a href="{$onepicture->picture}" rel="{$album->name|escape:'html'}" class="thickbox" title=" {if  $onepicture->comment!=''}{$onepicture->comment|escape:'html'}{else}{$onepicture->name|escape:'html'}{/if}"> <img src="{$onepicture->thumbnail}" alt="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}" title="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}"{$onepicture->autothumbnailsize} /></a>
   	   </li>

For the second request you have to modify 2 files:

/modules/Album/css/stylesheet.css
around line 182 change

Code: Select all

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

with

Code: Select all

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
	clear:both;
	text-align:center;
}

If there's too space between first and second line change also:
around line 240

#TB_caption{
height:25px; height:15px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px; height:15px;
padding:11px 25px 10px 0;
float:right;
}

The other file is
/modules/Album/templates/db/js/thickbox.js
around line 122

change

Code: Select all

			$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>"); 

with:

Code: Select all

			$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"</div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div><div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div>");

If you want to see this modifications I will send you a PM with url.

Best regards
blast

P.S. Please don't forget to add "[solved]" to this topics

[Dalien]

Thanks a lot blast2007