Autoplay on scroll in Javascript
Quello che vogliamo ottenere è che il video si avvii quando scrolliamo o facciamo il resizing di una pagina web.
In base ovviamente a determinate misure/posizione.
Ci basterà un pò di Javascript.
Quello che vogliamo ottenere è che il video si avvii quando scrolliamo o facciamo il resizing di una pagina web.
In base ovviamente a determinate misure/posizione.
Ci basterà un pò di Javascript.
Il plugin per jQuery resizeImageToParent, fa esattamente quello che dice: ridimensiona una immagine in base alla dimensione del contenitore in cui si trova.
In teoria dovrebbe anche centrarle, ma non mi è ma capitato questo caso.
Quando usiamo un componente a griglia, ci viene quasi automatico allargare le colonne per vederne bene il contenuto.
Se siamo in ambito Qt, e vogliamo avere il ridimensionamento automatico delle colonne di una QTableWidget, come possiamo fare?
Per ridimensionare le immagini con Python, tutti consigliano l'uso di PIL / Pillow.
Pillow, in realtà, è un fork di PIL, e funziona bene anche con Python 3.
Oggi vediamo qualche esempio di utilizzo.
Prima di tutto installiamo la libreria:
$ sudo pip install pillow
Una libreria Javascript che sto usando parecchio per la creazione di grafici è Google Chart.
Molto semplice da usare e da includere.
Oggi vediamo come impostare la "modalità" responsive.
In eveirà la cosa è molto semplice: questo il div:
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<column cols="6" class="cols_chart">
<div id="chart_entrate"></div>
</column>
Come vedete non ho impostato misure.
Vediamo una piccola classe, con un solo metodo, per il resize delle immagini in Java.
Ci stanno anche diverse librerie esterne per fare questo, ma su consiglio del forum HTML.it, ho usato gli strumenti standard.
Nello specifico getScaledInstance di Image, che consente queste tre possibilità:
Infatti se facciamo questo, la larghezza verrà calcolata in automatico:
ImageResize ir = new ImageResize();
try {
ir.resizeImage(new File("immagine.jpg"), "path/to/save/", -1, 800);
} catch (IOException ex) {
JOptionPane.showMessageDialog(this, ex.getMessage());
}
In pratica abbiamo passato un valore negativo come larghezza (accetta -1).