Форум программистов [Powered by Invision Power Board]

Код


<img id="gallery" src="intresting/somepicture01.jpg"><br>
<a href="#$#" onclick="javascript:bck()">Предыдущий</a> 
<a href="#" onClick="javascript:next()">Далее </a>

Код


function next(){
var dust=document.getElementById('gallery').src;
var a=dust.indexOf('.');
var b=dust.lastIndexOf('0');
var c=dust.slice(b+1,a);
var d=Number(c)+1;
document.getElementById('gallery').src="intresting/somepicture0"+d+".jpg"
}

function bck(){
var dust=document.getElementById('gallery').src;
var a=dust.indexOf('.');
var b=dust.lastIndexOf('0');
var c=dust.slice(b+1,a);
var d=Number(c)-1;
if(d!=0)
document.getElementById('gallery').src="intresting/somepicture0"+d+".jpg"
}

Код

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Проблема с изменение src у img</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style media="screen" type="text/css">
<!--/*--><![CDATA[/*><!--*/
html, body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}
body {
    overflow: auto;
}
#navigation {
    width: 11em;
    margin: 0px auto;
    padding-top: 1em;
}
#navigation a {
    background-color: #CC9900;
    border: 2px solid #CC3300;
    display: block;
    width: 5em;
    cursor: pointer;
    text-decoration: none;
    color: black;
}
#navigation a:hover {
    background-color: #66CCCC;
    border: 2px solid #330099;
}
#previous {
    float: left;
}
#next {
    float: right;
}
/*]]>*/-->
</style>
<script language="javascript" type="text/javascript"><!--//--><![CDATA[//><!--
var maxImageNumber = 3;
var minImageNumber = 0;
var currentImageNumber = 0;
var img = null;
window.onload = function () 
{
    img = document.getElementById("gallery");
}
function ChangeImage(step)
{
    currentImageNumber = currentImageNumber + step;
    if (currentImageNumber > maxImageNumber || currentImageNumber < minImageNumber)
    {
        currentImageNumber = currentImageNumber - step;
        return;
    }
    else {
        img.src = "images/im" + currentImageNumber + ".jpg";
    }
}
//--><!]]></script>
</head>
<body> 
<div style="text-align:center; "><img id="gallery" src="images/im0.jpg" alt="" /> 
        <div id="navigation"><a href="#" id="previous" onclick="ChangeImage(-1)">Previous</a><a href="#" id="next" onclick="ChangeImage(1)">Next</a></div> 
</div> 
</body>
</html>

Цитата

Согласен с sergejzr. Скорее всего, какая-то ошибка размещения файлов. Нужно проверить абсолютный путь к изображению. Проверить имя каталога: нет ли там русских или строчных букв.

По коду. "Немного" излишний JS код. Может лучше такой конструкцией воспользоваться?

Цитата(korisarimi @ 26.9.2006, 10:56

)

Прописал полный путь, все равно не канает.