Muchisimas Gracias, ya lo modifique todo y lo hice mas exacto de lo que queria, como estoy re-diseñando mi pagina quiero hacerla mas dinamica poco a poco voy agregandole a un Panel de Administracion opciones que faciliten la creacion de paginas y resultados por medio de php css y base de datos sin necesidad de estar programando paginas, y cree algo para que las url de las imagenes salgan de una base de datos tambien.
Edite un poco el codigo CSS y lo deje en una pagina externa pero en extension php, y alli ejecuto una consulta a la base de datos de donde voy a extraer las url, el codigo quedo de la siguiente manera:
Código PHP:
<?
//conectamos a la base
$connect= mysql_connect("localhost","usuarios","contraseña");
//Seleccionamos la base
mysql_select_db("enmaracay_artistas",$connect);
//hacemos las consultas
$resulta= mysql_query("select * from generos order by generos Desc", $connect);
$totalregistros=mysql_num_rows($resulta);
$dato = array();
while($row=mysql_fetch_array($resulta))
$dato[] = $row;
{
}
?>
<style type="text/css">"
"body { background-color:#ccc; }
#vmarks {
margin:0px;
padding:1px;
width:200px;
height:320px;
background:#616161;
list-style:none;
overflow:hidden;
}
#vmarks li {
width:200px;
height:40px;
margin:0px;
padding:0px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#vmarks li .menuOptionHover, #vmarks li a {
display:block;
width:200px;
height:100px;
text-indent:-8000px;
}
<?
foreach($dato as $datos) {
echo "#vmarks-{$datos['id']} { background:url(".$datos['imagen']."); }\n";
}
?>
</style>
Posteriomente hice la pagina donde voy a imprimir los datos para crear la galeria con el jQuery, intengrando el style css de la pagina anterior, agregandole una paginacion de igual forma para que los datos del #vmarks sean los mismos del css
Index.php
Código PHP:
<?
include("style-menu-artistas.php"); //aca estoy incluyendo el style proveniente de la pagina
//php donde insertamos el style CSS
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>Prueba de menu vertical</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.imageVert.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#vmarks').ImageVert({'saveOnClick':false,'keepOpen':false,'init':-1,'click':myClick});
function myClick(e) {
document.location = e;
}
});
</script>
</head>
<body>
//aca estoy haciendo la otra consulta para generar los mismos numeros por medio del id de la
//base de datos y asi sean igual a los del css y pueda mostrar las imagenes
<?
$edit = "http://www.enmaracay.net/buttons/right.gif";
//conectamos a la base
$btn = "http://www.enmaracay.net/data/btn-activo.png";
//conectamos a la base
$connect= mysql_connect("localhost","usuarios","contraseña");
//Seleccionamos la base
mysql_select_db("enmaracay_artistas",$connect);
//hacemos las consultas
$resulta= mysql_query("select * from generos order by generos Desc", $connect);
$totalregistros=mysql_num_rows($resulta);
$dato = array();
while($row=mysql_fetch_array($resulta))
$dato[] = $row;
{
}
?>
<ul id="vmarks">
//aca estoy haciendo la consulta de la base de datos y mandando a imprimir todos los datos
//que resulten de las variables que estoy buscando segun mi consulta
<?
// Aqui muestras las imagenes:
foreach($dato as $datos) {
echo "<li><a href=\"index.php?id=padin&genero={$datos['generos']}\" id=\"vmarks-{$datos['id']}\">Fisher & Yonger</a></li>\n";
}
?>
</ul>
</body>
</html>
Bueno espero sea de gran ayuda para muchos... Triby Gracias por todo, y dime que te parece esta logica y si cree hay forma de mejorarlo seria mucho mejor =)