Back to top

Autore Topic: Come tagliere le foto caricate negli Articoli  (Letto 1739 volte)

Offline PieroG

  • Esploratore
  • **
  • Post: 145
    • Mostra profilo
Come tagliere le foto caricate negli Articoli
« il: 06 Ott 2015, 17:33:02 »
Buonasera a tutti,
io carico nei miei articoli le foto sempre nelle "immaginie articolo esteso". tutto ok.

Mi piacerebbe che queste foto avessero sempre una larghezza pari al 100% dello spazio e una altezza di 300px per esempio.
Uso negli articoli un layout alternativo per  definire carattere e dimensione.

http://www.caderissi.it/index.php/news/ultime-notizie/9-ultime-notizie/221-prima-sconfitta-per-il-cade

come posso fare?

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #1 il: 06 Ott 2015, 17:40:04 »
Ciao, prova a gestirle con Bk-MultiThumb io mi trovo molto bene, qui trovi una video guida molto dettagliata

Offline PieroG

  • Esploratore
  • **
  • Post: 145
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #2 il: 06 Ott 2015, 18:19:31 »
Molto interessante.
mi piacerebbe fare una cosa:

dentro al task article thrumbs, nel Thumbnail CSS trovo:

 .multithumb {     margin: 5px;     float: none;  }

se volessi che la mia foto fosse di dimensione 750px di larghezza ma tagliata a 100px partendo dal centro sarebbe possibile?

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #3 il: 06 Ott 2015, 18:34:24 »
le dimensioni le imposti in thumb size, questa domanda sinceramente non l'ho capita  :-[
tagliata a 100px partendo dal centro sarebbe possibile?

Offline PieroG

  • Esploratore
  • **
  • Post: 145
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #4 il: 06 Ott 2015, 18:41:01 »
Scusa, scrivevo d'impulso.

La mia foto mettiamo che sia 1000x500 in originale.
A me piacerebbe che apparisse come una striscia. Cioè 750x100.
Come faccio a far si che 750 sia costante e che le foto vengano tagliate a 100?

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #5 il: 06 Ott 2015, 18:50:52 »
nel video lo spiega bene, bisogna valorizzare i campi thumb size, ad esempio se metti 750x100 otterrai quel ridimensionamento ma poi l'immagine avrà una dimensione proporzionata? per questo nel video viene mostrato che lasciando la dimensione di larghezza su 0, quindi automatica (750x0), le immagini saranno sempre proporzionate correttamente e non "deformate"

Offline PieroG

  • Esploratore
  • **
  • Post: 145
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #6 il: 07 Ott 2015, 12:53:43 »
Scusami ma non ci riesco.
prendiamo questo articolo:
http://www.caderissi.it/index.php/news/ultime-notizie/9-ultime-notizie/221-prima-sconfitta-per-il-cade

la prima foto è caricata come Leading thumb size con dimensione 500x0.
La seconda l'ho caricata nel corpo dell'articolo. L'ho ritagliata già come la vorrei.
Mi piacerebbe che la foto di leading venisse ritagliata tenendo la dimensione massima ma come altezzza solo una striscia.
Questo è fattibile?

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #7 il: 07 Ott 2015, 20:12:50 »
allora devi impostare anche i px di altezza o ridimenzionarla "manualmente" all'inerno dell'editor come mostra nel video

Offline PieroG

  • Esploratore
  • **
  • Post: 145
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #8 il: 07 Ott 2015, 20:51:39 »
proprio quello che non volevo fare.
l'estensione che mi hai suggerito è carina ma non serve per il mio problema.
chiedo agli amministratori di cancellare questo post. potrebbe risultare forviante alla soluzione del problema ancje se con contenuti interessanti. ne aprirò uno nuovo


« Ultima modifica: 07 Ott 2015, 21:11:04 da PieroG »

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #9 il: 07 Ott 2015, 22:27:55 »
Allora devi editare l'immagine e che io sappia non esistoni estensioni che editano l'immagine in automatico, secondo me sarebbe impossibile o comunque completamente imprecisa,  lo devi fare prima di inserirla, o devi usare un estensione di editor di immagini ad esempio PHP Image Editor lite si aggiunge l'opzione alla gestione media di joomla ma il progetto è stato abbandonato c'è scritto chiaramente nella descrizione
Citazione
non si rilascieranno altre versioni
c'è anche un plugin per l'editor JCK Image Editor for JCK Editor ma non si possono editare le immagini inserite dal tab immagini e link vanno inserite nel capo dell'editor, forse è possibile farlo anche con JCE non so se esiste qualche suo plugin, altre estensioni simili le trovi sulla JED

N.B. non si aprono altri topic per lo stesso argomento si continua quello iniziato, molto probabilmente l'altro verrà cancellato...

Offline maxzilla

  • Appassionato
  • ***
  • Post: 620
  • Sesso: Maschio
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #10 il: 08 Ott 2015, 09:30:30 »
Se ho capito bene e se hai un po' di conoscenze di CSS potresti aggiungere questo alla classe assegnata alle foto

height: 100px;max-width: 200px;overflow: hidden;
Ikonart Informatica - Trento

"Mangia prodotti italiani. W il made in Italy"

Offline PieroG

  • Esploratore
  • **
  • Post: 145
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #11 il: 22 Ott 2015, 17:53:02 »
Ciao Maxzilla,
riapro questa discussione per chiederti qualche chiarimento sulla modifica del CSS.

Guarda questa pagina:
http://www.caderissi.it/index.php/news/ultime-notizie/9-ultime-notizie/232-il-mago-ne-fa-25

ho già modificato il css per attribuire un carattere specifico a tutti gli articoli.
Ma come faccio a selezionare la foto. Mi diresti te qual'è la classe assegnata alla foto. Il resto poi dovrei arrangiarmi.
Grazie

Offline maxzilla

  • Appassionato
  • ***
  • Post: 620
  • Sesso: Maschio
    • Mostra profilo
Re:Come tagliere le foto caricate negli Articoli
« Risposta #12 il: 23 Ott 2015, 08:53:17 »
Ciao
PieroG
ti faccio l'esempio riferito a un sito che abbiamo fatto.

avendo la necessita' di mettere piu' foto affiancate dinamicamente abbiamo creato un div che contiene ogni singola l'immagine

<div class="foto">
<img class="dim"......>
<div>


e nel CSS abbiamo aggiunto

.foto {
    display: inline-block;
    height: 130px;
    max-width: 196px;
    overflow: hidden;
    padding: 3px;
    position: relative;
    width: 196px;
}

.dim {
    left: 50%;
    min-height: 130px;
    min-width: 196px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}
Ikonart Informatica - Trento

"Mangia prodotti italiani. W il made in Italy"

 



Web Design Bolzano Kreatif