jajajaj gracias rodocoyote15 la verdad que no se por donde empezar.
ya habia pensado lo de autoincrementar el id del div con un numero pero no e encontrado la forma de hacerlo.
este codigo se encarga de hacerme un relacion de 20 peliculas por genero:
Código PHP:
//FUNCION ENTRADAS RELACIONADAS POR TAXONOMIAS CON IMAGENES------------------------------------------
function related_posts_juanjo(){
global $post;
// get the custom post type's taxonomy terms
$custom_taxterms = wp_get_object_terms( $post->ID, 'genero', array('fields' => 'ids') );
// arguments
$args = array(
'post_type' => 'pelicula',
'post_status' => 'publish',
'posts_per_page' => 20, // you may edit this number
'orderby' => 'title',
'order' => '',
'tax_query' => array(
array(
'taxonomy' => 'genero',
'field' => 'id',
'terms' => $custom_taxterms
)
),
'post__not_in' => array ($post->ID),
);
$related_items = new WP_Query( $args );
// loop over query
if ($related_items->have_posts()) :
echo ' <div class="container-carousel">
<div class="row">
<div class="span12">
<div id="owl-demo" class="owl-carousel">';
while ( $related_items->have_posts() ) : $related_items->the_post();
?>
<div class="item">
<a target="related" id="tittle-panel" href="#cont-related" onclick="showFicha('<?php echo $post->ID;?>'); return false;" ">
<?php $images = get_custom_field('little_image:to_image_src'); foreach ($images as $img){printf('<img id="aa" class="lazyOwl"class="AA" data-src="%s"/ alt="Lazy Owl Image" align="center">', $img);}?>
</a>
</div>
<?php
endwhile;
echo '</div></div></div></div>';
endif;
// Reset Post Data
wp_reset_postdata();
}
?>
si te fijas, esta parte de el codigo es la que se repite en este caso 20 veces, que serian las 20 películas:
Código PHP:
<div class="item">
<a target="related" id="tittle-panel" href="#cont-related" onclick="showFicha('<?php echo $post->ID;?>'); return false;" ">
<?php $images = get_custom_field('little_image:to_image_src'); foreach ($images as $img){printf('<img id="aa" class="lazyOwl"class="AA" data-src="%s"/ alt="Lazy Owl Image" align="center">', $img);}?>
</a>
</div>
el autoincrement tendria que añadirselo en esta linea
Código PHP:
<?php $images = get_custom_field('little_image:to_image_src'); foreach ($images as $img){printf('<img id="aa" class="lazyOwl"class="AA" data-src="%s"/ alt="Lazy Owl Image" align="center">', $img);}?>
si no me equivoco, justo aqui:
Código PHP:
printf('<img id="aa" class="lazyOwl"class="AA" data-src="%s"/ alt="Lazy Owl Image" align="center">', $img);
pero no se como...
el jquery que interactu con este codigo es el que puse en el primer comentario, mas algo mas:
Código PHP:
<script>
$(document).ready(function(){
$("img#aa").on('click',function(event){
$(this).toggleClass("AA");
$(".owl-carousel .owl-item").addClass("BB");
});
$("img#aa").mouseenter ( function(){
$("img#aa").removeClass("AA");
});
});
</script>
<script type="text/javascript">
function showFicha(id){
$("#destino").slideDown(500)
.html("<div id='load' ></div>");
jQuery.post(
"/peliculas/wp-admin/admin-ajax.php",
{
'action': 'mostrar_ficha',
'post_id': id
},
function(response){
$("#destino").html(response);
$("#aa2,#ocultar").on( "click", function() {
$(".owl-carousel .owl-item").removeClass("BB");
$('#destino').slideUp(500); //oculto mediante id
$("img#aa").removeClass("AA");
});
});
}
</script>
a ver si con estos codigos, puedes explicarme un poco mejor lo que debo hacer, por favor, llevo dias ya con el problemita y me estoy volviendo loco.