Soluzione a piccolo bug bel template cmotion di Album

[mox]

Ciao a tutti,
nel caso sia capitato a qualcun'altro di imbattersi nel problema, posto la mia soluzione.

Versione CMS
1.5.3

Moduli installati
Album
0.9.3

Thumbnails
0.1.1


Usando template cmotion del modulo album, non riuscivo a fare in modo che gli attributi dell'immagine grande venissero trasferiti ad ogni cambio immagine; cioè il comportamento di default è che vengono memorizzati nella variabile gli attributi della prima immagine e poi rimangono immutati, tranne il percorso dell'immagine che va a popolare l'attributo src.
Per ovviare all'inconveniente ho dovuto modificare, nell'istruzione onclick in .setAttribute, i parametri passati da getElementById da così

Code: Select all

{foreach from=$pictures item=picturesrow}

	    {foreach from=$picturesrow item=onepicture}

{* Change alt/title-tag to what you need. *}

	    <a href="{$onepicture->link}"  title="{$onepicture->name|escape:'html'} | {$picture->comment|escape:'html'}" 
onclick="document.getElementById('maincmotionpic').setAttribute('src', '{$onepicture->picture}');return false;">
<img src="{$onepicture->thumbnail}" alt="{$onepicture->name|escape:'html'}"/></a>

      {if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}

	    {/foreach}

	{/foreach}

a così

Code: Select all

{foreach from=$pictures item=picturesrow}

	    {foreach from=$picturesrow item=onepicture}

{* Change alt/title-tag to what you need. *}

		<a href="{$onepicture->link}" title="{$onepicture->name|escape:'html'} | {$picture->comment|escape:'html'}" 
onclick="document.getElementById('maincmotionpic').setAttribute('src', '{$onepicture->picture}'; 'title','{$onepicture->picture}');return false;"> <img src="{$onepicture->thumbnail}" alt="{$onepicture->name|escape:'html'}"/></a>

      {if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}

	    {/foreach}

	{/foreach}

una volta passato anche un'altro attributo, nello specifico "title", tutti gli altri attributi vengono aggiornati correttamente

Un saluto
Maurizio

[alby]

Approfito della soluzione di mox per chiedere alla comunità Italiana se hanno altri patchs per Album.

Mi hanno promosso admin di Album (per errore!!!!) e a questo punto pensavo di fare alcune modifiche al modulo e di inserire i vari patchs.

Alby

[mox]

Ciao Alby,
non tutti gli errori vengono per nuocere.... 

Dovrò fare un uso abbastanza intensivo di Album, quindi se mi dai le linee guida da seguire per fare test e/o analizzare comportamenti, o porzioni di logiche di template...
Insomma mi rendo disponibile, fin dove posso, ad aiutare nel miglioramento di questo modulo

A presto
Maurizio

[alby]

quindi se mi dai le linee guida da seguire per fare test e/o analizzare comportamenti, o porzioni di logiche di template...

Lo sapessi 
Ho installato Album per il sito di mia moglie (per un paio di serie di foto) e basta ....... 

Adesso mi devo guardare tutto il modulo!!

Alby

[maxharley]

salve, ho installato il modulo album e uso il modello cmotion-image-gallery
però avrei voluto che in alto apparisse il nome dell immagine e il commento...
ho visto che la stringa da usare per far visualizzare il commento è

{$picture->comment}

e l'ho inserita cosi:

{* The image alt/title-attribute uses the sitename-tag with a copyright-symbol. You can also use other tags from this album template. *}


{$picture->comment}


picture}" alt="© {sitename}" title="© {sitename}"/>

ma nn và ?? come posso fare?

altrimenti avevo pensato di usare il modello ImageGallery, ma quando si cliccano le thumb non rimanda in basso dove appare l'immagine ingrandita, e allora crea confusione... con ImageGallery sono riuscito a spostare in alto l'immagine ingrandita e in basso le thumb
ma nella pagina crea uno spazio vuoto enorme prima che appaia tutta la gallery x intendeci.. e nel foglio di stile non sono riuscito a togliere quello spazio...

mi date una mano?

[mox]

Ciao maxharley,

salve, ho installato il modulo album e uso il modello cmotion-image-gallery
però avrei voluto che in alto apparisse il nome dell immagine e il commento...
ho visto che la stringa da usare per far visualizzare il commento è

{$picture->comment}

piccola premessa, per avere il nome del'immagine {$picture->name}

e l'ho inserita cosi:

{* The image alt/title-attribute uses the sitename-tag with a copyright-symbol. You can also use other tags from this album template. *}


{$picture->comment}


picture}" alt="© {sitename}" title="© {sitename}"/>

ma nn và ?? come posso fare?

Il problema è solo la posizione nel quale inserisci i tag; tu hai copiato il pezzo di template che fa riferimento al che contiene l'immagine ingrandita, tu devi stare sopra a questo div o creandone un'altro o semplicemente creando una dichiarazione con una classe per gestirne il layout e la posizione. Quindi potrebbe apparire così:

Code: Select all

{else}
<div id="ritorno">
{if $returnlink}<a href="{$returnlink}">Return to the album index page</a>{/if}
</div>
{* Big Picture *}
<div class="infobp">{$picture->name}<br>{$picture->comment}</div>
<div class="largeview">
{* The image alt/title-attribute uses the sitename-tag with a copyright-symbol. You can also use other tags from this album template. *}
<img id="maincmotionpic" src="{$picture->picture}" alt="© {sitename}" title="© {sitename}"/>
</div>

e poi dal css regolare lo stile alla classe .infobp

altrimenti avevo pensato di usare il modello ImageGallery, ma quando si cliccano le thumb non rimanda in basso dove appare l'immagine ingrandita, e allora crea confusione... con ImageGallery sono riuscito a spostare in alto l'immagine ingrandita e in basso le thumb
ma nella pagina crea uno spazio vuoto enorme prima che appaia tutta la gallery x intendeci.. e nel foglio di stile non sono riuscito a togliere quello spazio...

mi date una mano?

dovresti postare il  template modificato per capire meglio

Un saluto
Maurizio

[maxharley]

all altro template ( ImageGallery ) ho soltato copiato e incollato nella parte alta del codice la parte bassa... cioe ho invertito solamente la posizione delle thumb rispetto all immagine ingrandita...

nella pagina dove risiede la gallery funziona bene... solo che crea uno spazio vuoto grande prima di far iniziare la gallery stessa...

{if $picture->id>0}
{* Big Picture *}

{$picture->name}

{$picture->comment}


{if $link.picture.previous}< Previous{/if}
( Picture {$picturenumber}/{$picturecount} )
{if $link.picture.next}Next >{/if}

picture}" alt="{$picture->name|escape:'html'} - {$picture->comment|escape:'html'}"  title="{$picture->name|escape:'html'}  - {$picture->comment|escape:'html'}" />

{/if}
{* Album List *}
{if !$album}

{foreach from=$albums item=album}

link}">
thumbnail}" alt="{$album->name|escape:'html'}" title="{$album->name|escape:'html'} - {$album->comment|escape:'html'}" />

{$album->name}

({$album->picturecount} images)

{$album->comment}

{/foreach}


{else}

{* Photo List *}
{$album->name}

{$album->comment}

Click on a thumbnail to view a larger image. {if $returnlink}Return to the album index page.{/if}

{if $pagecount>1}

<< 
{if $link.page.previous}< {/if}
page {$pagenumber}/{$pagecount}
{if $link.page.next} >{/if}
 >>

{/if}


{foreach from=$pictures item=picturesrow}
    {foreach from=$picturesrow item=onepicture}
    link}"> thumbnail}" alt="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}" title="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}" />
   
      {if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}
    {/foreach}
{/foreach}


{if $picturecount==0}No image{/if}
{/if}