Dataklinik
New Member
I'm trying to get some rollovers working using jQuery. The trouble is that the image source has to be got using some php code.If I do it inline like this with javascript it works:\[code\]<a href="http://stackoverflow.com/questions/3797363/<?php the_permalink(); ?>" <?php $thumburl = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?> onmouseover="document.roll<?php the_ID(); ?>.src='http://stackoverflow.com/questions/3797363/<?php thumbGen($thumburl,300,0,1,0,0); ?>'" onmouseout="document.roll<?php the_ID(); ?>.src='http://stackoverflow.com/questions/3797363/<?php thumbGen($thumburl,300,0,1,0,1); ?>'" <img src="http://stackoverflow.com/questions/3797363/<?php thumbGen($thumburl,300,0,1,0,1); ?>" name="roll<?php the_ID(); ?>"/></a>\[/code\]$thumburl variable is the exactly that; url of the particular thumbnail. The thumbgen bit does some size and colour conversions. When together they give me a url of a b&w and colour images that get swapped. I'm using WordPress so I have to use the php rather than just specify the image src because the size and colour conversions are done automatically for the user.First question, is doing the code inline like this bad?Second. I'm struggling to write a jQuery function for the rollover because of the php.I presume it would be like this:\[code\]$(document).ready(function() { $('.project img').hover( funcation(){ this.src = 'http://stackoverflow.com/questions/3797363/<?php thumbGen($thumburl,300,0,1,0,1); ?>';}, function (){ this.src = 'http://stackoverflow.com/questions/3797363/<?php thumbGen($thumburl,300,0,1,0,1); ?>';});\[/code\]But I have no idea where to include this: $thumburl = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );can you even combine php and jQuery in one?Thanks