Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

Ridimensionare immagini con jQuery

dicembre 8th, 2012 by Giovanni Caputo

Voglio condividere un piccolo script jQuery che permette di ridurre le dimesioni di un ‘immagine con jQuery.

$(window).bind("load", function() {
	// IMAGE RESIZE
	$('#product_cat_list img').each(function() {
		var maxWidth = 120;
		var maxHeight = 120;
		var ratio = 0;
		var width = $(this).width();
		var height = $(this).height();

		if(width > maxWidth){
			ratio = maxWidth / width;
			$(this).css("width", maxWidth);
			$(this).css("height", height * ratio);
			height = height * ratio;
		}
		var width = $(this).width();
		var height = $(this).height();
		if(height > maxHeight){
			ratio = maxHeight / height;
			$(this).css("height", maxHeight);
			$(this).css("width", width * ratio);
			width = width * ratio;
		}
	});
	//$("#contentpage img").show();
	// IMAGE RESIZE
});

Category: Programmazione | No Comments »

Realizzare anteprime di prodotti con jQuery

ottobre 27th, 2012 by Giovanni Caputo

Oggi voglio proprorvi dei plugin per jQuery che permettono di realizzare delle anteprime di prodotti, di un eventuale sistema di e-commerce, in modo davvero particolare.
productColorizer è una semplice e utile soluzione che permette di visualizzare l’anteprima di un prodotto in diversi colori. Demo

threesixty è un fantastico plugin che permette di visualizzare immagini a 360 gradi. Demo

Category: Programmazione | No Comments »

Documentazione di jQuery

giugno 26th, 2011 by Giovanni Caputo

La documentazione di jQuery è scritta molto bene, fornisce tutte le informazioni relativi ai metodi e alle proprietà. Contiene inoltre molti esempi.

jQAPI è un Documentazione jQuery alternativa, di semplice utilizzo ed è possibile scaricarla anche per la consultazione offline.

Link: http://jqapi.com/

Category: Programmazione | No Comments »

Maga drop down menu in CSS

giugno 20th, 2011 by Giovanni Caputo

Voglio presentare a tutti i web master e web designer un menu con CSS e jQuery:

Category: Senza categoria | No Comments »

Utilissimi Tutorial jQuery

maggio 18th, 2011 by Giovanni Caputo

Di seguito una collezione di tutorial per jQuery.

Check Boxes con jQuery e CSS

jQuery Tutorials

Effetto shutter con jQuery and Canvas

jQuery Tutorials

Slideshow con immagini di flicker

jQuery Tutorials

Personalizzare il muro di Facebook con un template jQuery

jQuery Tutorials

Slider con immagini a rotazione con jQuery

jQuery Tutorials

Semplice  Slideshow con JQuery

jQuery Tutorials

Muovere il contenuto con jQuery

jQuery Tutorials

Creare menu animanto in  jQuery

jQuery Tutorials

Diagrammi animati

jQuery Tutorials

Espandere immagini come menu in  jQuery

jQuery Tutorials

Menu animato in jQuery

jQuery Tutorials

Semplice menu con tooltip simi a quello di Flickr

jQuery Tutorials

Effetto Overlay

jQuery Tutorials

Galleria Fullscreen Gallery con Thumbnail Flip

jQuery Tutorials

Shuffle tra immagini usado  JQuery

jQuery Tutorials

Slider per preview di Thumbnails in  jQuery

jQuery Tutorials

Galleria in jQuery

jQuery Tutorials

Convertire codice jQuery in un plugin

jQuery Tutorials

Parallax Slider con  jQuery

jQuery Tutorials

Form animato con  jQuery

jQuery Tutorials

Semplicissima pagina per profilo

jQuery Tutorials

Spotlight

jQuery Tutorials

Carrello usando drag and drop

jQuery Tutorials

Votazioni con jQuery

jQuery Tutorials

Sistema di taggin similea quello di Delicious

jQuery Tutorials

jQuery teamplate e AJAX

jQuery Tutorials

Form Ajax con jQuery e PHP

jQuery Tutorials

Caricare animazioni con jQuery

jQuery Tutorials

Elegante galleria di Immagini

jQuery Tutorials

Gioco di Memoria con jQuery

jQuery Tutorials

Scroll con Collaps

jQuery Tutorials

Galleria Photografica Skitter

jQuery Tutorials

Mostrare e nascondere contenuto con un bottone

jQuery Tutorials

Creare un kaleidoscopio usando jQuery e CSS

jQuery Tutorials

Carta interattiva con  jParallax

jQuery Tutorials

Category: Programmazione | No Comments »

Visualizzare miniatura della pagina uploadata con jQuery

marzo 13th, 2010 by Giovanni Caputo

Circa un mese fa vi proposi un articolo, molto interessate che permetteva di uplodare contemporaneamente più file sul vostro server;

Upload di più file in PHP [Multiple file PHP]

Adesso invece, quello che vi propongo, è uno script che permette di visualizzare una miniatura dell’immagine caricata sul server.

Penso che sia possibile anche una integrazione tra i due script.

Tale script, e la guida è possibile visionarla su: http://www.zurb.com/playground/ajax_upload

Category: Programmazione | No Comments »

Realizzare un widget: Chi è online con PHP, jquery e Mysql

marzo 6th, 2010 by Giovanni Caputo

Vi segnalo un link interessante per tutti gli sviluppatori che stanno realizzando un sito web.

Potrebbe essere utile, soprattuto per chi sta realizzando una sorta di social network, magari utilizzando buddypress, un widget per conoscere chi è online ( chi è collegato) e mostrando da quale nazione. Se si usa buddypress bisogna creare un plugin apposito ed effettuare l’embed del codice.

LINK

Category: Programmazione | No Comments »

Bellissima galleria fotografica in jQuery e CSS3!

novembre 26th, 2009 by Giovanni Caputo

Demo: http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php

Codice Sorgente: http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.zip

Tutorial: http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/

Category: Programmazione | No Comments »

Semplice guida a jQuery

ottobre 5th, 2009 by Giovanni Caputo

Voglio segnalare a tutti gli sviluppatori una semplice e utile guida per jQuery.

Versione online:

jQuery Visual Cheat Sheet (by WOORK)

Category: Siti Web, Tecnologia | No Comments »

Validare form con jQuery

giugno 12th, 2009 by Giovanni Caputo

Per vedere come realizzare un validatore di form come quello nell’immagine utilizzate il seguente tutorial

TUTORIAL

Category: Programmazione, Siti Web, Tecnologia, tutorial | 1 Comment »