Cerco un modo in php per creare un effetto !
lo si vede facando il rollover nella miniatura principale del video, qui linko la pagina:
http://www.videosurf.com/videos/italia+casias
avviso che io prendo i valori x variabili da mio db correttamente,
che mi servono per fare le anteprime delle mie immagini,
ora usando il mio ciclo le mie immagini le vedo correttamente.
ora devo trovare il modo di ottenere l'effetto visto sopra,
il ciclo che uso io:
while($row = mysql_fetch_array($result)){
$titolo2 = str_replace ("_", " ", "$row[titolo]");
$titolo3 = str_replace (" ", "_", "$row[titolo]");
echo "<div class=\"plug layout\"> <a href=\"http://www.ESEMPIO.com/video/ccount/click.php?id=$row[click]\" target=\"_top\" class=\"plug-thumb layout\"><img src=\"http://www.ESEMPIO.com/video/$row[titolo]/$row[image].jpg\" border=\"0\" width=\"121\" height=\"83\" alt=\"$titolo2\" /></a>\n";
echo " <h4><a href=\"http://www.ESEMPIO.com/video/ccount/click.php?id=$row[click]\">$titolo2</a></h4>\n";
echo "
$row[testo]</p>\n";
echo " <div class='star-ratings'>\n";
showrater($row[voto]);
echo " </div>\n";
echo " <div class=\"infos\"> Views: <font color=\"#FF0099\">";
echo " <script language=\"Javascript\">ccount_display('$row[click]')";
echo " </script> ";
echo " </font>";
echo " </div>\n";
echo " </div>\n";
echo "\n";
}
questo il code css:
.plug {
text-align: left;
margin-bottom: 5px;
display: block;
width: 486px;
height: 99px;
position: relative;
background:transparent url('http://www.porkgirls.com/images/background-plug.png') no-repeat scroll 5px top;
/*overflow: hidden;*/
}
.plug .plug-thumb {
display: block;
position: absolute;
top: 6px;
left: 14px;
}
.plug h4 {
margin:0; padding:0;
font-size: 11pt;
font-family:Tahoma;
font-weight: bold;
height: 20px;
overflow: hidden;
position: absolute;
top: 2px;
left: 148px;
}
.plug h4 a {
font-family:Tahoma;
text-decoration: none;
color: #ff0099;
}
.plug h4 a:hover {
font-family:Tahoma;
text-decoration: underline;
}
.plug p {
margin:0; padding:0;
float: none;
font-size: 9pt;
font-family:Tahoma;
position: absolute;
top: 22px;
left: 148px;
display: block;
overflow: hidden;
width: 330px;
height: 43px;
color: #c4a7c1;
}
cosa dovrei usare? fare un replace che prenda un altra immagine e' possibile?![]()
mi postate una soluzione...o un vostro parere! grazie del vostro tempo!!![]()