macart

This broke after 2.9 update. Anyone know why?
Thanks

Thank you. I named my class “zoomer” to try an make it a little clearer. I have an image on my page with hand icon, when I hover over the image its supposed to load a box to the right with a zoomed portion of the smaller image, it doesn’t do that. If I click the image it loads the same image but with a magnifying glass for the icon. Here is my code.
On my page:

<a href="mysite/wp-content/themes/myTheme/images/kawasakigreen.jpg" class="zoomer"  title="Big">
<img src="mysite/wp-content/themes/myTheme/image/kawasakigreen_small.jpg" title="Small"  ></a>

In my header:

<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>mysite/wp-content/themes/mytheme/jquery.jqzoom1.0.1.js"></script>
<?php if (is_page(12)) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>mysite/wp-content/themes/mytheme/jqzoom.css" type="text/css" media="screen" /></script>
<?php } ?>

<script type="text/javascript">
jQuery(document).ready(function($) {
	var options = {
	    zoomWidth: 300,
	    zoomHeight: 250,
            xOffset: 10,
            yOffset: 0,
            position: "right" //and MORE OPTIONS
};
	('.zoomer').jqzoom(options);
});
</script>

Thanks

Anyone know what Im doing wrong please?

Thank you. Taking out the quote marks fixed my error. But still not working.

I now have an image in my page. When clicked it loads the larger image, my screen cursor is now the magnifying glass. Click, zooms in once, click again, zooms out.

Not getting the hover effect.
So after I studied your code and the code at https://www.mind-projects.it/projects/jqzoom/,

I thought this is what I needed.

<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.jqzoom1.0.1.js"></script>
<?php if (is_page(12)) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/jqzoom.css" type="text/css" media="screen" /></script>
<?php } ?>

<script type="text/javascript">
jQuery(document).ready(function($) {
	var options = {
	    zoomWidth: 300,
	    zoomHeight: 250,
            xOffset: 10,
            yOffset: 0,
            position: "right" //and MORE OPTIONS
};
	('.jqzoom).jqzoom(options);
});
</script>

But still no joy.

Thank you, that helps me in this learning process.
Still not working. I have an image, but nothing happens.

<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jqzoom.pack.1.0.1.js"></script>
<?php if (is_page("12")) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/jqzoom.css" type="text/css" media="screen" /></script>
<?php } ?>

<script type="text/javascript">
jQuery(function() {
	jQuery(".jqzoom").jqzoom();
});
</script>

I think this is correct now, but still not working. Just a white line shows up on my page.

<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jqzoom.pack.1.0.1.js"></script>
<?php if (is_page("12")) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/jqzoom.css" type="text/css" media="screen" /></script>
<?php } ?>

<script type="text/javascript">

$(function() {
	$(".jqzoom").jqzoom();
});
</script>

And with the other change, still not working.

<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jqzoom.pack.1.0.1.js"></script>
<?php if (is_page("12")) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/jqzoom.css" type="text/css" media="screen" />

<script type="text/javascript">

$(function() {
	$(".jqzoom").jqzoom();
});
</script>

Ugh!

Thanks I did miss that. But even with the change to

$(function() {
	$(".jqzoom").jqzoom();
});

It still doesnt work

Can someone help guide the noob out of his ignorance? Stuck!

Thanks

Thanks for that.

I screwed something up, not working.

My header.php:

<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.jqzoom-1.0.1.js"></script>
<?php if (is_page("12")) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/jqzoom.css" type="text/css" media="screen" />

<script type="text/javascript">
jQuery.noConflict();
$(document).ready(function(){
	$('.MYCLASS).jqzoom();
});
</script>

On my page:

<a href="images/kawasakigreen.jpg" class="jquery"  title="Big">
<img src="images/kawasakigreen_small.jpg" title="Small"  ></a>

Thanks

Cool

Thanks

Can this be done without going into my settings and changing the Front page displays in dashboard? Can I display my page “home” in my pages without going into settings?

I have followed option 2 here:
https://www.nathanrice.net/blog/creating-a-blog-page-with-paging/

Thanks

Ok Ive set up my page with a blog.php, index.php and a page.php file.

My home page is displaying my blog posts, instead the info on the “home” page I have created in pages. How do I change this?

Thanks

Coolio! Thanks for the help everyone!

This is how wordpress controls the page and post designs in css? WordPress seems smarter than this, seems like this would already be built in solution that I’m missing.