Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/10/2012, 11:20
Avatar de T4ke0veR
T4ke0veR
 
Fecha de Ingreso: agosto-2007
Ubicación: Quito - Ecuador
Mensajes: 1.720
Antigüedad: 17 años, 3 meses
Puntos: 28
Integrando content Slider a PHP

Saludos,
Desarrollando un sistema de noticias se me vino la idea de que como en otras páginas estas se publicaran en el index de manera tal que se muestren en un slider dinámico...

La cosa es que al no poseer la destreza en php puesto a que solo soy diseñador se me dificulta un poco y recurro a ustedes para que me puedan orientar respecto al mismo, este sistema ya lo he visto en otras web y aqui les muestro el codigo

Código PHP:
<div id="featured" >
          <
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>15Excellent 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>

        <!-- 
First Content -->
        <
div id="fragment-1" class="ui-tabs-panel" style="">
            <
img src="images/image1.jpg" alt="" />
             <
div class="info" >
                <
h2><a href="#" >15Excellent High Speed Photographs</a></h2>
                <
p>Lorem ipsum dolor sit ametconsectetur adipiscing elitNulla tincidunt condimentum lacusPellentesque ut diam....<a href="#" >read more</a></p>
             </
div>
        </
div>

        <!-- 
Second Content -->
        <
div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
            <
img src="images/image2.jpg" alt="" />
             <
div class="info" >
                <
h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2>
                <
p>Vestibulum leo quamaccumsan nec porttitor aeuismod ac tortorSed ipsum loremsagittis non egestas idsuscipit....<a href="#" >read more</a></p>
             </
div>
        </
div>

        <!-- 
Third Content -->
        <
div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
            <
img src="images/image3.jpg" alt="" />
             <
div class="info" >
                <
h2><a href="#" >35 Amazing Logo Designs</a></h2>
                <
p>liquam erat volutpatProin id volutpat nisiNulla facilisiCurabitur facilisis sollicitudin ornare....<a href="#" >read more</a></p>
             </
div>
        </
div>

        <!-- 
Fourth Content -->
        <
div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
            <
img src="images/image4.jpg" alt="" />
             <
div class="info" >
                <
h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2>
                <
p>Quisque sed orci ut lacus viverra interdum ornare sed estDonec portaerat eu pretium luctusleo augue sodales....<a href="#" >read more</a></p>
             </
div>
        </
div>

        </
div>
    </
div
Gracias a quienes puedan ayudarme
__________________
Diseño gráfico, Web, imagen corporativa, publicidad ...