Photogallery automatica

Vi presento di seguito una photogallery automatica e responsive realizzata per necessità e rifinita per svago.
Si tratta di una classe in javascript, da modificare e personalizzare a piacimento per coloro che conoscono javascript o per chi vuole sperimentare, per chi invece non ha molta pratica è sufficiente scaricare i file che proporrò in seguito e impostare poche righe di codice.
Ecco il codice da aggiungere nella pagina in cui si vuole il clip.
Innanzitutto nella head richiamiamo photoClip.css per lo stile e photoClip.js dove è contenuta la classe Javascript che fa funzionare tutto:

<link rel="stylesheet" type="text/css" href="photoClip.css">
<script src="photoClip.js" type="text/javascript"></script>

Ora dobbiamo inizializzare la casse Javascript, per cui sempre nella head scriviamo:

<script type="text/javascript">
window.onload=function(){
        fade=new fadeImg('photoGallery',imgSet);
		fade.startAnimation();
	}
</script>

Mentre nel body impostiamo il div dentro cui Javascript si occuperà di generare i tag necessari e impostare le funzioni:

<div id="photoGallery" style="text-align:center;position:relative;">
</div>

Infine per personalizzare le foto è necessario modificare l’array imgSet nel file photoClip.js, da valorizzare con i link delle vostre foto:

imgSet=new Array(
'pictures/pictures_1.jpg',
'pictures/pictures_2.jpg',
'pictures/pictures_3.jpg',
'pictures/pictures_4.jpg'
);

Clicca per vedere un esempio in funzione

Clicca per scaricare i files.

A presto.

Come ho fregato i robot spammer con php

Voglio condividere una semplice trovata per mettere in difficoltà gli spammer automatici, grazie alla quale la validazione del form automaticamente da parte di un robot spammer ha cessato di colpo.
Ecco il primo codice creato con php, ma lo stesso vale per qualsiasi altro linguaggio:

<php?
$_1 = rand(1,5);//genera un numero casuale che va da 1 a 5
$_2 = rand(1,5);
?>
<div>
Controllo anti-robot: Quanto fa <php?echo $_1 . "+" . $_2. " ?";?>

</div>

<!--Casella di testo nella quale l'utente digiterà la sua risposta, il robot la compilerà in maniera casuale-->
<input type="text"  name="testSpam">

<!--Campo di testo nascosto nella quale con php si genera la risposta-->
<input type="hidden"  name="spamControl" <php?echo "value=\"".($_1+$_2)."\""?>">

Mentre in ricezione oltre tutti i dati del form avremo anche:

<php?

//in $testSpam salvo il testo digitato dall'utente
$testSpam=$_POST['testSpam'];

//invece in $spamControl la risposta generata con php
$spamControl=$_POST['spamControl'];

//se sono diverse..
if($testSpam!=$spamContro){

echo  "Mmmh, sembra che abbiamo a che fare con un robot";

}else{//altrimenti ok

echo "Benvenuto essere umano!!!";

}

Naturalmente in giro ci sono altri modi più complessi e più sicuri basati su captcha o recaptcha ad esempio, ma, come accennato sopra, dopo aver inserito questo metodo gli spam sono passati da 5-6 al giorno a 0 di colpo, con tempi di realizzazione nell’ordine di 10 minuti.

A presto!

Il doppio volto degli eventi di Tumit!

tumitmappa

Tutti coloro che approdano in Tumit Eventi sono abituati a visualizzare la pagina ispirata a Pinterest che da ampia evidenza alle immagini, nella quale sono disposti gli eventi in base alla data di inserimento e che mediante alcuni pulsanti di scelta è possibile cambiare la loro visualizzazione, ad esempio visualizzare soltanto gli eventi di chi stiamo seguendo, con la possibilità di visualizzare una mappa cliccando sul luogo dell’evento.

Esiste anche una seconda modalità di visualizzazione, Continua la lettura di Il doppio volto degli eventi di Tumit!

Il blog di Tumit