Jwuery klausimas

Sveiki, turiu klausimą, kaip padaryti SWAP CONTENT kai būna ant MOUSE OVER?

DEMO

Turinys tiek mažuose thumbnailuose, tiek dideliuose atvaizduojamas tas pats, tik pictures imami skirtingų dydžių, dėl skirtingų funkcijų

KODAS:

<!-- Naujienos slider -->
<div class="pirma_naujiena">
	<?php
		global $post;
		$args = array( 'numberposts' => 1, 'category' => 1);
		$myposts = get_posts( $args );
	?>

	<?php foreach( $myposts as $post ) : setup_postdata($post); $loopcounter++; ?>
		<?php if ($loopcounter  == 1) { ?>
			<?php if(has_post_thumbnail()) { ?><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('p_news_big'); ?></a><?php } ?>
               <h2><?php the_title(); ?></h2>
               <?php the_excerpt(40); ?>
		<?php } ?>
	<?php endforeach; ?>
</div>

<div class="naujienos_slider">
   	<?php
		global $post;
		$args = array( 'numberposts' => 100, 'offset' => 1, 'category' => 1);
		$myposts = get_posts( $args );
	?>
	<table width="660" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td width="10"><a id="prev1"><img src="<?php bloginfo('template_url')?>/images/left_arrow.png" alt="" /></a></td>
			<td width="640">
               <div class="list_carousel">
				<ul id="user_interaction">
               	<?php foreach( $myposts as $post ) : setup_postdata($post); $loopcounter++; ?>
				<li class="naujiena">
                   	<?php if(has_post_thumbnail()) { ?><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('p_news_small'); ?></a><?php } ?>
                   	<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                   	<?php the_excerpt(40); ?>
                   </li>
				<?php endforeach; ?>
                   </ul>
				<div class="clearfix"></div>
			</td>
			<td width="10"><a id="next1"><img src="<?php bloginfo('template_url')?>/images/right_arrow.png" alt="" /></a></td>
		</tr>
	</table>
	<div class="clear"></div>
</div>
   <!-- end. Naujienos slider -->   

Aš galiu tą swap content pats pasidaryti, tik reikia, kad užvestumėte ant kelio, kokiu principu.

Kaip apkeisti bus funkcijos tam tikrą nurodymą:

Iš p_news_smal į p_news_big ir kaip swapinti konkretų div su visu turiniu?

function s(){
$('#p_news_small').hide()
$('#p_news_big').show()
}
function h(){
$('#p_news_small').show()
$('#p_news_big').hide()
}
$('#p_news_small').mouseover(function(){s()})
$('#p_news_big').mouseout(function(){h()})

Jeigu tokių div'ų yra daugiau, selectini pagal klases ir naudojiesi this kintamuoju kurį JQuery perduoda anoniminei f-jai.

function s(){
$('#p_news_small').hide()
$('#p_news_big').show()
}
function h(){
$('#p_news_small').show()
$('#p_news_big').hide()
}
$('#p_news_small').mouseover(function(){s()})
$('#p_news_big').mouseout(function(){h()})

 

Jeigu tokių div'ų yra daugiau, selectini pagal klases ir naudojiesi this kintamuoju kurį JQuery perduoda anoniminei f-jai.

Ačiū :) Kampą pagavau, pasibaigiu Wordpress žaisti su panašiais straipsniais, jų įtraukimu ir tada eisiu prie naujienų slaiderio dirbti, šiandien turiu pabaigti ir sukelti jau servą, nes kitu atveju bus pasukta galva į priešingą pusę mano ;>