Не работают одновременно два javascript на одной странице. Как изолировать один код?

[Сергей85]

    Не работают одновременно два javascript на одной странице. Как изолировать один код?

    Признаюсь сразу: я стоматолог, мозгов у меня хватило только для того, чтобы найти этот самый javascript на просторах интернета и вставить в него свои картинки. обрадовался уже, что он работает! Но когда на той же странице вставил еще один такой же javascript, то первый при клике начал показывать картинки со второго http://stomatmaster.ru/5   (вторая картинка работает как надо). . . Наверняка решение простейшее, а я над этим 8 часов бьюсь(о как зацепило)...

    Как изолировать каждый код? Каким-то тегом(да, это было бы самое простое)? ведь на одной странице у меня их(javascript) планируется 30-40 штук.

    Может есть альтернативное решение моей задачи? Но реализовать смену картинок хочется на одной странице именно в таком формате(как можно проще для посетителей сайта)

    P.S. извиняюсь за возможно кривую формулировку вопроса.

 

<p>

<title>Test</title>

<script type="text/javascript">// <![CDATA[

var number = 0;

var pic = new Array ('1.jpg', '2.jpg');

var len = pic.length;

function primitiveRotator(element){

number++;

number=number==len?0:number;

element.src = pic[number];

}

// ]]></script>

</p>

<p><img id="pix" onclick="primitiveRotator(this);" src="2.jpg" style="border: 0px solid black;" width="62%" /></p>

<p>

<title>Test</title>

<script type="text/javascript">// <![CDATA[

var number = 0;

    var pic = new Array ('3.jpg', '4.jpg', '5.jpg', '6.jpg');

    var len = pic.length;

    function primitiveRotator(element){

        number++;

        number=number==len?0:number;

        element.src = pic[number];

    }

// ]]></script>

</p>

<p><img id="pix" onclick="primitiveRotator(this);" src="6.jpg" style="border: 0px solid black;" width="62%" /></p>

[Veseloff]

Самый простой для вас вариант — во втором коде заменить имена.

<script type="text/javascript">// <![CDATA[var number2 = 0;    var pic2 = new Array ('3.jpg', '4.jpg', '5.jpg', '6.jpg');    var len2 = pic2.length;    function primitiveRotator2(element){        number2++;        number2=number2==len2?0:number2;        element.src = pic2[number2];    }// ]]></script><p><img id="pix" onclick="primitiveRotator2(this);" src="6.jpg" style="border: 0px solid black;" width="62%" /></p>

Но самый правильный, наверное, обратиться к специалисту, чтобы он всё сделал. Не лезут же программисты зубы лечить.

[Сергей85]

Самый простой для вас вариант — во втором коде заменить имена.

<script type="text/javascript">// <![CDATA[var number2 = 0;    var pic2 = new Array ('3.jpg', '4.jpg', '5.jpg', '6.jpg');    var len2 = pic2.length;    function primitiveRotator2(element){        number2++;        number2=number2==len2?0:number2;        element.src = pic2[number2];    }// ]]></script><p><img id="pix" onclick="primitiveRotator2(this);" src="6.jpg" style="border: 0px solid black;" width="62%" /></p>

Но самый правильный, наверное, обратиться к специалисту, чтобы он всё сделал. Не лезут же программисты зубы лечить.

СПАСИБО!!! Работает!

 

"Но самый правильный, наверное, обратиться к специалисту, чтобы он всё сделал. Не лезут же программисты зубы лечить." Я ожидал такой реакции но мне, видать, со "специалистами" не сильно повезло: они говорили что это реализовать нельзя, что есть галерея-ей и пользуйтель. В общем я сам не сразу полез в этот проблему

Edited May 26, 2015 by Сергей85