First of all I was looking for a code which transit several background images according to the button you pressed. For example when you clicked on button 1 your background will be img1, and you clicked on button 2 on the same page the background image will be img2.
I could not find the exact code, however I found a similar one.
This transit images automatically according to the duration you choose and also has random maths, but I need your help to modify this so that this become onclick button event without random images.
Here's the code I found, and I added some extra <p> lines at bottom.
<link rel="stylesheet" type="text/css" href="css/style.css" />
var bgImages = [ 'Rosso Castilla.JPG', 'CRW_9620-R.jpg', 'CRW_9609 R.JPG' ];
var currImage = 'CRW_9620-R.jpg';
var randImage = bgImages[Math.ceil(Math.random()*(bgImages.length-1))];
}while( randImage == currImage )
currImage = randImage;
$('#blaf').BgImageTransition( 'img/'+currImage );
<a href="#bg1">button1 </a><br />
<a href="#bg2">button2 </a><br />
<a href="#bg3">button3 </a><br />
It would be much appreciated if you could reply me with a new code so that when you clicked the link the background will transit to different image.
For example, button1 = 'Rosso Castilla.JPG',
button2 = 'CRW_9620-R.jpg',
button3 = 'CRW_9609 R.JPG'.
thank you so much for your time and help!