Featured content slider con php.. Duda!

[T4ke0veR]

Saludos,

Estoy desarrollando un sistema de noticias el cual ya he culminado, pero mi deseo es mostrar en el index un resumen de las noticias integradas a un content slider...

La cosa es que lo hago pero pierde sus propiedades de boton o deja de mostrarme campos y en realidad por mi falta de destreza en php me cuesta ver donde esta el error...

http://demo.webdeveloperplus.com/fea...ontent-slider/

Mi codigo

Código PHP:

  <?php 
  do {    ?>

 <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-<?php echo $row7['id']; ?>""><a href="#fragment-<?php echo $row7['id']; ?>""><img src="images/<?php echo $row7['img']; ?>"" alt="" /><span><?php echo $row7['resume']; ?>"</span></a></li><?php } while ($row7 = mysql_fetch_assoc($Recordset1)); ?>   

aqui repito la parte de los botones con el texto de resumen...

pero donde salen las imágenes grandes hay un detalle.. quizas podria hacer algo como esto

Código PHP:

  <?php 
  do {    ?>

<div id="fragment-<?php echo $row7['id']; ?>" class="ui-tabs-panel ui-tabs-hide" style="">
            <img src="images/<?php echo $row7['img2']; ?>" alt="" />
             <div class="info" >
                <h2><a href="#" ><?php echo substr( $row7['contenido'], 0 , 150); ?><a href="#" >read more</a></p>
             </div>
        </div> <?php } while ($row7 = mysql_fetch_assoc($Recordset1)); ?>   

pero primero me cra conflictos en el while y segundo cuando ves el codigo original hay una linea como esta

Código PHP:

   <div id="fragment-1" class="ui-tabs-panel" style="">  
   

donde class varia a partir del segundo item a mostrar y se convierte en

Código PHP:

   <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">  
   

si se dan cuenta agregan el ui-tabs-hide para que este oculte esas imágenes... hasta ahi he logrado llegar y cuando me topo con el while y las imagenes que le siguen a la primera no se que debo hacer en cuanto al class y en cuanto al while

yo colocaria un Select * FROM table ORDER BY id DESC pero cuando vaya a mostrar mi segundo elemento como hago para que el mismo adopte la clase adicional con el hide

Alguien me puede ayudar??? Gracias de antemano

[enlinea777]

Por lo que veo eres demaciado nuevo. y usas dreamweaver.

no te preocupes por la clase hide esta se coloca automaticamente, esto lo hace javascript.

Asi debe quedar

Código PHP:

        <ul class="ui-tabs-nav">
            <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li>
            <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>20 Beautiful Long Exposure Photographs</span></a></li>
            <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>35 Amazing Logo Designs</span></a></li>
            <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
            
          </ul>  
   

lo demas lo hace jQuery.

el ui-tabs-selected lo pones a la imagen que quieras de primero

[T4ke0veR]

si pero me lo estas devolviendo al sistema original.. la idea es que esos datos vengan desde una base de datos haciendo un llamado con php... Obvio debo hacer un while que me haga los ciclos.. esa es mi duda!!!
Pues cuando hago los ciclos algo se pierde, o el vinculos de los thumb o no muestra el contenido cuando hago click en uno y siempre he querido hacer este tipo de sistema mas jamas he encontrado como

[T4ke0veR]

Solucionado por @enlinea777

gracias a este colega por ayudarme a solucionar mi problema, aqui les posteo la solución

en la consulta hacemos

Código PHP:

  <?php 
include('conect.php');  
 
$sql4 = "select * from tabla ORDER BY id DESC LIMIT 0,4"; 
$sql_exec4=mysql_query($sql4) or die("Error en consulta: $sql_exec4, error: ". mysql_error()); 
$data=array(); 
while($row4=mysql_fetch_assoc($sql_exec4)){ 
    $data[]=$row4; 
    } 
//print_r($data); 
 
?>   

nuestros scripts

Código PHP:

  <link href="estilos.css" rel="stylesheet" type="text/css"> 
<script>(function(d, s, id) { 
  var js, fjs = d.getElementsByTagName(s)[0]; 
  if (d.getElementById(id)) return; 
  js = d.createElement(s); js.id = id; 
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1"; 
  fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 
<link rel="stylesheet" type="text/css" href="style.css" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>  
  

luego en el body

Código PHP:

 <div id="featured" > 
          <ul class="ui-tabs-nav"> 
        <?php 
        for($j=0; $j < count($data); $j++){ ?> 
         <li class="ui-tabs-nav-item"  id="nav-fragment-<?=$j;?>"> 
              <a href="#fragment-<?=$j;?>"> 
                <img src="ima/imag-_h50-_w80-_<?=$data[$j]['img']?>" alt="" /> 
                   <span><?=$data[$j]['titulo']?></span> 
            </a> 
          </li>  <?php } ?> 
          </ul> 
 
        <!--contenido de data --> 
        <?php 
        for($i=0; $i< count($data); $i++){ 
            ?> 
            <div id="fragment-<?=$i?>" class="ui-tabs-panel" style=""> 
            <img src="images/<?=$data[$i]['img']?>" alt="" /> 
             <div class="info" > 
                <p><?=substr($data[$i]['contenido'], 0, 150);?>... - <a href="leer.php?id=<?=$data[$i]['id']?>" >Leer más</a></p> 
             </div> 
        </div> 
            <?php 
            } 
        ?> 
</div> 
    </div>  

y eso es todo, funciona a la perfección....

Gracias nuevamente!!!!