ajax kullanırsan olur.
soldaki bölümü div içine al, div e isim ver
sağdaki resim linklerini de javascripte bağlarsın. her resim için soldaki div içeriği değişir, sayfa aynı kalır. Veya image e id tanıtırsın, yine javascript ile src değiştirirsin.
1- Asp ile Örnek:
javascript bölümü:
var xmlHttp
function goster(str)
{
if (str.length==0)
{
document.getElementById("icerik").innerHTML=xmlHtt p.responseText;
return;
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
//var url="icerik.asp?sayfa="+str+"&sid="+Math.random();
var url=str
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("icerik").innerHTML=xmlHtt p.responseText;
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
------------
Sayfada
<div id="icerik"></div>
Linklerde de
<a href="javascript
:goster('image1.jpg')><img src="image1k.jpg"></a>
2- img ile örnek:
Şu anda bulamadım ama javascript kodlarını araştırırsan bulabilirsin. mesela "onmouseover img src" aratarak.