Joomla.it Forum
Joomla! 3 => Joomla! 3 => : PieroG 06 Oct 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?
-
Ciao, prova a gestirle con Bk-MultiThumb (http://extensions.joomla.org/extension/bk-multithumb) io mi trovo molto bene, qui (http://www.joomla.it/video-corsi/video/31-le-immagini-in-joomla-e-l-039-utilizzo-di-bk-multithumb.html) trovi una video guida molto dettagliata
-
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?
-
le dimensioni le imposti in thumb size, questa domanda sinceramente non l'ho capita :-[
tagliata a 100px partendo dal centro sarebbe possibile?
-
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?
-
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"
-
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?
-
allora devi impostare anche i px di altezza o ridimenzionarla "manualmente" all'inerno dell'editor come mostra nel video
-
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
-
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 (http://extensions.joomla.org/extension/php-image-editor-lite-joomla) lite si aggiunge l'opzione alla gestione media di joomla ma il progetto è stato abbandonato c'è scritto chiaramente nella descrizione
non si rilascieranno altre versioni
c'è anche un plugin per l'editor JCK Image Editor for JCK Editor (http://extensions.joomla.org/profile/extension/extension-specific/jck-editor-extensions/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 (http://extensions.joomla.org/extension/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...
-
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;
-
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
-
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;
}