<div id="newprojects" class="nw-projects">
<!-- Ссылки -->
<a href="javascript:void(0);">Ссылка 1</a>
<a href="/category/page1">Ссылка на категорию 1</a>
<a href="/category/page2">Ссылка на категорию 2</a>
<a href="/category/page3">Ссылка на категорию 3</a>
<!-- /Ссылки -->
</div>
<script>
jQuery(document).ready(function($){
// Загрузка iframe в див
$("#newprojects").load("/candidate .dev-map-class-changer");
// Получение ссылок из дива
var box = document.getElementById('newprojects');
var links = box.getElementsByTagName('a');
// Отмена перехода по ссылкам первого типа
for(var i = 0, l = links.length; i < l; i++) {
if (links[i].href === "javascript:void(0);") {
links[i].onclick = function() {
return false;
};
}
}
// Обработка кликов на ссылках второго типа
box.onclick = function(event) {
if (!event) event = window.event;
var target = event.target || event.srcElement;
// Проверка является ли элемент ссылкой
if (target.tagName.search(/a/i) === -1) return;
// Получение части pathname ссылки
var pathname = target.pathname;
var pathnameParts = pathname.split('/');
var category = pathnameParts[1];
// Если ссылка ведет на категорию, загрузить контент в див
if (category === "category") {
$("#newprojects").load(target.href + " .dev-map-class-changer");
return false; // Остановить переход по ссылке
}
};
});
</script><?php
if ( have_posts() ) : // если имеются записи в блоге.
query_posts('cat=220'); // указываем ID рубрик, которые необходимо вывести.
while (have_posts()) : the_post(); // запускаем цикл обхода материалов блога
$imager3 = get_the_post_thumbnail_url( get_the_ID(), 'full' );
$imager4 = get_the_post_thumbnail_url( get_the_ID(), 'medium' );
$imager5 = get_the_ID();
?>
<img src="<?php echo $imager4 ?>" id="<?php echo $imager5?>" onClick="chg2('<?=$imager3?>')">
<?php
endwhile; // завершаем цикл.
endif;
/* Сбрасываем настройки цикла. Если ниже по коду будет идти еще один цикл, чтобы не было сбоя. */
wp_reset_query();
?>
<script>
function chg2(link){
document.getElementById("per_4").src = link;
}
</script>
<img src="1.jpg" id="per_4" style="width: 33%;">