ajax 및 jquery로 슬라이더 내용 변경

Question

다음 작업을 수행해야합니다. 이미지 슬라이더 아래에 콘텐츠 슬라이더가 있습니다. 사람이 콘텐츠 슬라이더의 카테고리간에 전환 할 때마다 이미지 슬라이더는 전체 사이트를 다시로드하지 않고도 다른 일련의 사진을 표시해야합니다 (저는 워드 프레스로 작업하므로 다른 카테고리의 루프입니다).

당신은 그 좋은 자원을 알고 있습니까?

Answer 1

뭔가 같은 -

if($_GET['ajax'] == 1) { 
    //echo relevant images; 
} 

와 jQuery 코드는

function sliderMove() { 
    //may also need to pass slider id in here so you know what images to get 
    $("#picturediv").load("./test.php?ajax=1"); 
    //OR 
    //to customize your call more, you could do 
    $.ajax({ 
    method: "GET", 
    url: "./test.php?ajax=1", 
    success: function(data) { $("#picturediv").html(data); }, 
    error: function(err){ Some_Error_Div.innerHTML = err; } 
    }); 
} 

Answer 2

잘

나는 위에서 뭔가 diffrent를 제안 될 것 - 이미지까지 될 것입니다 당신이 PHP에서

솔루션입니다. jquery 라이브러리를 확장하여 슬라이더 수준에 따라 숨기거나 표시해야하는 클래스를 초기화 할 수 있습니다.

확장 지금

VAR 수준 = 말 하여 다양한 div의 주어진 서로 다른 클래스의 배열 [ '.div1', '. DIV2', '. div3']

을 받아 들일 것입니다 슬라이더가있는 곳을 기준으로 해당 div를 숨기거나 표시합니다. 슬라이더가 2에있는 경우

따라서 당신은 $(level[2]).show() 및 $(level[1]).hide() and $(level[3]).hide()

같은 일을하거나 같은 라이브러리를 사용할 수 있습니다 여기에 http://nivo.dev7studios.com/#usage

을 좀 더 : http://vandelaydesign.com/blog/web-development/jquery-image-galleries/