Categoria: jQuery & Javascript

Put the_content(); in the the overlay plugin of Swipebox in WordPress

you can see the result in the website for a client:

http://www.micheleparadisi.com/work/

HTML

put this inside wordpress loop:

<?php $post_id = get_the_ID(); ?>

<div id="info_video-<?php echo $post_id ?>">
<div class="video-caption">
</div>
</div>

Javascript

<script type="text/javascript">
//Get the ID of the Post or div clicked:

$( document ).ready(function() {

// this is used to get a value of a id of a div.
$(".item").click(function(){
// first declare a variable in js: "post_id_clicked"
post_id_clicked = $(this).attr("id");

console.log(post_id_clicked);
//alert(post_id_clicked);
});

/* Video */
// this is a swipebox callback function to do stuff after swipebox is opened 
$(".swipebox-video").swipebox({
afterOpen: function() {
// this is used to get the content of a div and put in another one.
// "+" is used to put together string in JS. Similar to "." in PHP.
$('.swipebox-video-container').append($('#info_video-'+post_id_clicked).html());
alert('#info_video-'+post_id_clicked);
//console.log(post_id_clicked);
} // called before opening
});
});
</script>

Some Javascript basics: http://www.w3schools.com/js/js_variables.asp