JQuery; изображений; перегрузка

Question

Кто-нибудь может помочь с загрузкой IMG-контента на AJAX?

<script type="text/javascript">

jQuery(function($){
$('.bar2').mosaic({
animation:'slide'//fade or slide
});
});

<script type="text/javascript">
    $(document).ready(function() {                 
  var hash = window.location.hash.substr(1);
  var href = $('#leftNav li a').each(function(){
    var href = $(this).attr('href');
    if(hash==href.substr(0,href.length-4)){
        var toLoad = hash+'.php #contentProd';
        $('#contentProd').load(toLoad)
}                                           
});
    $('#leftNav li a').click(function(){                          
 var toLoad = $(this).attr('href')+' #contentProd';
    $('#contentProd').hide('fast',loadContent);
    $('#load').remove();
    $('#wrapper').append('<span id="load">LOADING...</span>');

 function loadContent() {
    $('#contentProd').load(toLoad,'',showNewContent())
}
 function showNewContent() {
    $('#contentProd').show('normal',hideLoader());
}
 function hideLoader() {
    $('#load').fadeOut('normal');
}
 return false;
 });
});
   $('#leftNav li a').click( function() {
   $('#leftNav li a').removeClass('active');
   $(this).addClass('active');
})
</script>

HTML

<div class="body3">
  <div class="main"> 
    <article id="content">
      <div class="wrapperProd"  >

        <section class="col5">
      <div id="contentProd">
        <section class="cols pad_left0">
      <div class="wrapper pad_bot2">
    <h5>16 CUBE</h5>
          <figure>
              <div class="mosaic-block bar2"><a href="onePage.php" class="mosaic-overlay">
                <div class="details">
                  <p style="color:#FFF">SOME TEXT*<br />
                </div>
                </a>
                <div class="mosaic-backdrop"><a href="16.php">
                <img src="../../images/pres.jpg" alt="" width="" height="" />


                </a></div>
              </div>
            </figure>
            <a href="16.php" class="small button green"  style="position:relative; top:22px;">More</a> </div>
        </section>
</div>
</article>
</div>
</div>

Могу ли я сделать removeClass / ID как «активный»? : §

MAX TKS заранее за любой ответ!

КР

p.s. не нашел ни одного подобного квеста, поэтому я сегодня зарегистрировался :) отличный учебный сайт !!!

/////////// РЕДАКТИРОВАТЬ

TKS за ваш ответ,

Я сделал и соединение обоих,

http://buildinternet.com/project/mosaic/

внутри

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

Однако при попытке просмотра непосредственно на локальном хосте они появляются и работают, но когда содержимое мозаичных изображений заменяется другим меню, не появляется при повторном перемещении мозаичных изображений; ±

понимаете?

TY

Answer 1

Я очень новичок в jquert, пожалуйста, мне нужно понять, как можно принудительно вызвать .bar2

<script type="text/javascript">
$(document).ready(function() {                 
var hash = window.location.hash.substr(1);
var href = $('#leftNav li a').each(function(){
    var href = $(this).attr('href');
    if(hash==href.substr(0,href.length-4)){
        var toLoad = hash+'.php #contentProd';
        $('#contentProd').load(toLoad)
    }                           
});
$('#leftNav li a').click(function(){                          
    var toLoad = $(this).attr('href')+' #contentProd';
    $('#contentProd').hide('fast',loadContent);
    $('#load').remove();    
    function loadContent() {
        $('#contentProd').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
        $('#contentProd').show('normal',hideLoader());
    }
    function hideLoader() {
        $('#load').fadeOut('normal');
    }
    return false;
});
});
$('#leftNav li a').click( function() {
$('#leftNav li a').removeClass('active');
$(this).addClass('active');
})
jQuery(function($){

$('.bar2').mosaic({ animation: 'slide'//fade or slide
});
});
</script>

Я сделал и соединение обоих,

http://buildinternet.com/project/mosaic/

внутри содержимого ajax,

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

По сути, мозаика появляется только в одной строке меню, из четырех вообще, но проблема в том, что, если я загружаю это меню непосредственно, изображения появляются, как только перемещаются по меню изображений, и они возвращаются, они не появляются ;!

Как можно вызвать .bar2, когда запрашиваются изображения?

если я поставлю '.bar2' в

 function loadContent() {
        $('#contentProd', '.bar2').load(toLoad,'',showNewContent())
    }

изображения всегда запрашиваются, но они должны запрашиваться только в imageMenu,

является условным решением?

Пожалуйста, хотите узнать это

BR все