andare a capo nel titolo

[Vincent.Zeno]

non so, devi fare un po' di prove per farli andare d'accordo.
non credo basti buttarli dentro "così"

comincerei col mettere il div nella voce di lista e vede che succede.

buon lavoro

[KillerWorm]

Non so se si tratti di un problema legato solo al javascript nel caso spostate nella giusta sezione.

in questa galleria vorrei inserire al posto del titolo un testo più lungo ma non c'è modo di andare a capo ne con <p></p> ne con <br>
tutti i normali tag non vengono eseguiti e vengono lasciati come fossero testo
questa è la parte di codice che permette di inserire il testo


codice:
<li><img src="images/gallery/img1.jpg" alt="fractal3" title="Lorem ipsum dolor sit amet," /></li>
la galleria è questa http://www.html.it/script/una-galler...to-cover-flow/

Non so se hai risolto. Troppi post, non ho voglia di leggerli, rispondo al primo.

La gallery in questione non gestisce il ritorno a capo, ho verificato.

Puoi risolvere così:
Per prima cosa sull'attributo title dovrai semplicemente andare a capo nei punti che desideri (senza uso di caratteri speciali o altre entità).
Esempio

<li><img  src="images/gallery/img1.jpg" alt="fractal3"  title="Lorem ipsum 
nuova linea dolor sit amet,
altra linea" /></li>

Poi ti apri il file jquery.flowgallery.min.js, col tuo code editor, e sostituisci esattamente questa parte (fai un trova/sostituisci):

w.text(z)

con questo script:

w.html(z.replace(/(\r\n|\n|\r)/gm,"<br/>"))

..dovrebbe risolvere.

[tabagista]

grazie mille! cavolo funziona perfettamente!! hai sbloccato alla grande
stavo cercando anche un modo per avere grassetto e link su alcune delle parole, c'è un modo?

[Vincent.Zeno]

Puoi risolvere così

complimenti

[KillerWorm]

stavo cercando anche un modo per avere grassetto e link su alcune delle parole, c'è un modo?

Potrebbe anche esserci ma l'attributo title è concepito per contenere del semplice testo e non dell'altro codice html. Finché si tratta di inserire semplici interruzioni di linea è consentito intervenire come da specifiche w3c, ma se devi inserire del codice html allora sarebbe il caso di cercare una galleria più adatta.

Al di là di tutto, per descrizioni più dettagliate si utilizzano altri elementi appropriati, nello specifico vedi figcaption. Volendo potresti usare dei semplici div o span posti magari a seguire gli elementi img... in tal caso non è difficile adeguare la galleria in questione. Se vuoi ti indico come fare.

complimenti

grazie.

[tabagista]

Se vuoi ti indico come fare.

Come se voglio?! Certo che voglio!!!!
ti ringrazio sei gentilissimo oltre che sbalorditivo nel trovare le soluzioni giuste.
Mi farebbe piacere non abbandonare questa galleria che è molto bella

[KillerWorm]

Ok supponiamo allora di utilizzare un div da inserire dopo ogni elemento img. In questo modo, come contenuto della descrizione puoi usare qualsiasi codice html.

In sostanza la struttura html sarà una roba del genere:

<ul id="gallery">
  <li>
    <img src="images/img1.jpg" alt="Foto 1" title="Foto 1">
    <div>Descrizione foto 1 <br/>altra riga <br/><a href="#">link</a> <b>bold</b></div>
  </li>
  <li>
    <img src="images/img2.jpg" alt="Foto 2" title="Foto 2">
    <div>Descrizione foto 2 ... ecc..</div>
  </li>

</ul>

Ora apri il file .js (quello originale) e vai a modificare questi punti:

• sostituisci

  imageRendering:"optimizeQuality",width:"100%"})

  con

  imageRendering:"optimizeQuality",width:"100%"}).find("+div").hide()

• sostituisci

  var z=x.title;w.text(z)

  con

  var z=e("+div",x).html();w.html(z)

Fai qualche prova, dovrebbe andare.

Probabilmente dovrai aggiustare qualche colore via css, ad esempio i link hanno colore #111 all'hover che su sfondo nero non è il massimo. Vedi tu.

ti ringrazio sei gentilissimo oltre che sbalorditivo nel trovare le soluzioni giuste.

Figurati! Di solito ci azzecco e a volte mi faccio paura da solo ... ma in qualunque caso puoi contare sulla forza del forum

[lucavizzi]

Ciao KillerWorm
Questa tua ultima soluzione mi pare un po' macchinosa. Se vogliamo seguire alla lettera le indicazioni del W3C, e quindi non inserire tags nell'attributo title, possiamo sostituire quest'ultimo (senza "perdita di informazioni" in quanto abbiamo un attributo "alt") con un data-attribute.
Le modifiche al file del plugin si limiterebbero alla diversa valorizzazione della variabile "z" che invece di contenere x.title conterrebbe x.data('title') e non sarebbe necessario ampliare l'html per poi nascondere i contenuti.

Comunque complimenti per il reverse engineering.

[tabagista]

Provo ora a modificare il codice ma ci dovrebbe essere qualcosa che non va con la seconda stringa di codice da sostituire perche non viene trovata nel file .js (originale )

[tabagista]

correggo, è riuscita la sostituzione mi sembrava mooooooolto strao che non ci fosse ....passo al test ...............