Ciao,
Ho questo script che mi carica le immagini in una galleria
mi piacerebbe inserire un semplice sistema di voto sotto ciascuna immagine ed ho trovato e modificato questo:
http://codepen.io/anon/pen/drnCH/
Come faccio?
Ho provato anche a trasformarlo in un cuore con questo senza nessun risultato:
Grazie.
Ho questo script che mi carica le immagini in una galleria
PHP:
<?php
$directory = "RootDir/*.jpg";
$files=glob($directory);
$files=array_map("basename", $files);
foreach($files as $ch => $file){
echo "<li><a href=\"RootDir/Category/$file\"><img class=\"lazy\" src=\"loader/loader.gif\" data-original=\"RootDir/Categoria/Miniatura/$file\" alt=\"Nome Categoria $ch\">
</a></li>";
}
?>
http://codepen.io/anon/pen/drnCH/
Come faccio?
Ho provato anche a trasformarlo in un cuore con questo senza nessun risultato:
Codice:
<style>
#heart {
position: relative;
width: 100px;
height: 90px;
}
#heart:before,
#heart:after {
position: absolute;
content: "";
left: 50px;
top: 0;
width: 50px;
height: 80px;
background: #0060A0;
-moz-border-radius: 50px 50px 0 0;
border-radius: 50px 50px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#heart:after {
left: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin :100% 100%;
}
</style>
<div id="heart"></div>
Grazie.