Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Brunolerin

[Resolvido] Carrocel jCarousel com php

Recommended Posts

Boa noite gente, meu problema é o seguinte, instalei o jCarousel e ele até funciona, mas quando incluo as minhas imagens q são alimntadas através de um script php ela ñ mostra a as imagens.

 

bom. o código java é esse:

<!--
  jQuery library
-->
<script type="text/javascript" src="../lib/jquery-1.2.3.pack.js"></script>

<!--
  jCarousel library
-->
<script type="text/javascript" src="../lib/jquery.jcarousel.pack.js"></script>

<!--
  jCarousel core stylesheet
-->
<link rel="stylesheet" type="text/css" href="../lib/jquery.jcarousel.css" />

<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="../skins/ie7/skin.css" />

<script type="text/javascript">

function mycarousel_itemLoadCallback(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }

    jQuery.get(
        'dynamic_ajax_php.php',
        {
            first: carousel.first,
            last: carousel.last
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemAddCallback(carousel, first, last, xml)
{
    // Set the size of the carousel
    carousel.size(parseInt(jQuery('total', xml).text()));

    jQuery('image', xml).each(function(i) {
        carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text()));
    });
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(url)
{
    return '<img src="' + url + '" width="75" height="75" alt="" />';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        // Uncomment the following option if you want items
        // which are outside the visible range to be removed
        // from the DOM.
        // Useful for carousels with MANY items.

        // itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
        itemLoadCallback: mycarousel_itemLoadCallback
    });
});

</script>

isso no head, e depoi dentro de uma div colocamos esse:

 

<div id="mycarousel" class="jcarousel-skin-ie7">
    <ul>
      <!-- aqui q eu coloquei meu php -->
    </ul>
  </div>

e meu código php é esse:

 

<?php
    		
    			// contando quantas fotos tem esse cliente
    			$sqlCountFoto = "SELECT COUNT(cliente_id) FROM tbl_foto WHERE cliente_id =".decode($_GET['id']);
    			$conCountFoto = $objConn->queryDb($sqlCountFoto) or die (mysql_error());
    			$resCountFoto = $objConn->aRow($conCountFoto);
    			
    			if ($resCountFoto[0] > 0) {
    				
	    			// selecionando thumbnails
	    			$sqlGetThumb = "SELECT foto_id, foto_thumb_file FROM tbl_foto WHERE cliente_id =".decode($_GET['id']);
	    			$conGetThumb = $objConn->queryDb($sqlGetThumb) or die (mysql_error());
	    			while ($resGetThumb = $objConn->aRow($conGetThumb)) {
	    				
	    				echo "<span style='padding:2px;'><img src='../tmp/miniaturas/".$resGetThumb[1]."' onClick='ajaxSetClienteFoto(".$resGetThumb[0].")' style='cursor:pointer'></span>";
	    				
	    			}
    			}
    		
    		?>

 

bom vcs podem ver melhor o resultado aqui

 

bom se alguem solber um solução desde já agradeço...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Movido Plataforma Java http://forum.imasters.com.br/public/style_emoticons/default/seta.gif PHP

 

Se o jCarousel funciona seu problema esta em PHP.

E outra coisa, Plataforma Java é diferente de javaScript e JQuery.

 

Abraços...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Já resolveu ?

 

você tinha esquecido de gerar as tags <li> com o php ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Já resolveu ?

 

você tinha esquecido de gerar as tags <li> com o php ?

 

 

Verdade eu tinha me esquecido disso mesmo! mas aogra está tudo ok, obrigado pela força gente, abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.