Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/02/2009, 23:32
Avatar de JoseAlejandro_Realza
JoseAlejandro_Realza
 
Fecha de Ingreso: agosto-2008
Ubicación: Maracay - Venezuela
Mensajes: 192
Antigüedad: 15 años, 7 meses
Puntos: 2
Respuesta: jQuery.imageMenu por paginacion

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 
$connectmysql_connect("localhost","usuarios","contraseña");

//Seleccionamos la base 
mysql_select_db("enmaracay_artistas",$connect);

//hacemos las consultas 
$resultamysql_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 
$connectmysql_connect("localhost","usuarios","contraseña");

//Seleccionamos la base 
mysql_select_db("enmaracay_artistas",$connect);

//hacemos las consultas 
$resultamysql_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 &amp; 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 =)
__________________
Tu Guía Empresarial http://www.empresarial.org.ve Soluciones Empresariales

Atte: José Alejandro Realza