Slider грамотно оформить мсену картинки по условию
Все привет.
Возникла такая проблема есть меню и набор картинок необходимо что бы при нажатии на определенный пункт меню показывалась соответсвующая картинка. Собствено проблема в том что меню и картинка находятся в разных блоках в скриптах совсем начинающий, понимаю что нужно задать условиЕ а как - не понимаю скприт по которому сторится меню: <?if (!empty($arResult)):?> <ul id="top-menu"> <?foreach($arResult as $arItem):?> <?if ($arItem["PERMISSION"] > "D"):?> <li<?if ($arItem["SELECTED"]):?> class="selected"<?endif?> onclick="go_pict()"><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li> <?endif?> <?endforeach?> </ul> <?endif?> |
O_o wtf?
|
Мне кажется или это js а не PHP форум))
Вот, покури это:
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$(function()
{
$('#images img').hide();
$('#menu li').click(function()
{
$('#images img').hide().eq($(this).index()).show();
})
});
</script>
</head>
<body>
<ul id="menu" style="cursor: pointer">
<li>Smile</li>
<li>Haha</li>
<li>Nono</li>
</ul>
<div id="images">
<img alt="" src="http://javascript.ru/forum/images/smilies/smile.gif"/>
<img alt="" src="http://javascript.ru/forum/images/smilies/haha.gif"/>
<img alt="" src="http://javascript.ru/forum/images/smilies/nono.gif"/>
</div>
</body>
</html>
|
прчём это альтернативный синиаксис php pristav2, даже в php так писать изврат, альтернативный синтаксис используется в основном для вывода больших блоков текста
|
Цитата:
|
kadabrik, ни когда не имел дела с bitrix, я думал 1С придумали что-то поумнее =) а писать <? ?> после каждого тега, ни есть хорошо xD
|
Цитата:
|
Решение проблемы (может кому пригодится):) :
var my_top_photo_flag = true;
$(document).ready(function(){
$(".top-menu a").click(function(){
var link_href = $(this).attr("href");
if (link_href) {
$(".page_content").load(link_href + "?only_content=1");
var image_path = "<?=BX_PERSONAL_ROOT?>" + "/templates/youarex/images/" + link_href.replace(/\//g, "") + ".png";
var image = new Image();
$(image).load(function () {
var my_top_photo_1 = my_top_photo_flag ? $("#my_top_photo_img1") : $("#my_top_photo_img2"); // Текущий
var my_top_photo_2 = my_top_photo_flag ? $("#my_top_photo_img2") : $("#my_top_photo_img1"); // Не активный
my_top_photo_2.css("left", -650).attr("src", image_path).animate({ left: 0 }, 500);
my_top_photo_1.animate({ left: 650 }, 500);
my_top_photo_flag = !my_top_photo_flag;
}).attr("src", image_path);
return false;
}
});
});
|
| Часовой пояс GMT +3, время: 00:24. |