ELExG

No need to. You are right, would be redundant.

Ok I got it. Sorry but I was away from wordpress for some years now, and a lot changed. obviously!

1) as esim told, don’t add any <script> to any file.
So just undo 3) and 6)

Then, as jquery is present you have to tell your template additional script to use, and there for you have to create your own JS file.

3) So create myscripts.js (any name you want) in js directory
Open it and

4) add this to myscripts.js

function myFunction(){
 jQuery('#thumbs img').hover(function(){
  jQuery('#largeImage').attr('src',jQuery(this).attr('src').replace('thumb','large'));
 });
}

jQuery(document).ready(function(){
 jQuery(myFunction);
});

5) find functions.php and add

function my_scripts_method() {
 wp_enqueue_script('custom-script',get_stylesheet_directory_uri() . '/js/myscripts.js', array( 'jquery' ));
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

@esmi: mea culpa

@lvalfre
better way:
find function.php within your template and try this one

function enablejQuery() {
    if (!is_admin()) {
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'enablejQuery');

Don’t forget do delete what you added in 3) (meta tag)

ok.

Please notice: Changes on your template files and template directory structure maybe over written by template updates

1. Upload jquery to your wp install via ftp. Depending on your template find this directory
/wp-content/themes/YOURTEMPLATE/js
if js does not exist, create it

2. Find a file like header.php, head.php… (depending on your template) within your template dir

3. Add meta tag to <header></header>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery-xxxxx.js"></script>

4. Login to wp and create a new article or page, switch to TEXT mode
Paste your div’s

<div id="container" style="width:600px;text-align:center">
 <img id="largeImage" src="1.jpg" style="width:300px;"/>
</div>
<div id="thumbs">
 <img style="width:150px;" src="1.jpg" alt="1st image description" />
 <img style="width:150px;" src="2.jpg" alt="2nd image description" />
 <img style="width:150px;" src="3.jpg" alt="3rd image description" />
 <img style="width:150px;" src="4.jpg" alt="4th image description" />
</div>

Point img src path to images in your wp upload directory
You can try to paste the script part too, but as far as I know, wp will truncate script tags.

5. Find a file like footer.php within your template path
6. Add script before closing body tag

<script>
$('#thumbs img').hover(function(){
 $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
});
</script>

Have fun!

If your DB is MySQL Type MyISAM use repair function provided by phpMyAdmin (if it’s available at your host).

If you use MySQL Type InnoDB you probably have to use command shell.
Here you can find some instructions, but I’m not sure if this will work in your case. Sorry.

Have a look at your loop.php and hide Navigation “Older Entries” if there are more pages than a sertain number.

Your posts/page = 5
Your max post you want to show = 15
Your max pages would be 3

So try this (depending on your template, find <nav> tag and change it)

<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
    if($paged < 3) : ?>
        <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'justcss' ) ); ?></div>
    <?php endif; ?>

Example:

<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if (  $wp_query->max_num_pages > 1 ) :?>
	<nav id="nav-below">
		<h1 class="section-heading"><?php _e( 'Post navigation', 'justcss' ); ?></h1>
		<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
		if($paged < 3) : ?>
		<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'justcss' ) ); ?></div>
		<?php endif; ?>
		<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'justcss' ) ); ?></div>
	</nav><!-- #nav-below -->
<?php endif; ?>

themes/CherryFramework/css/style.css

Line 40
Add width: 100%;