Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> увеличение картинки выведеной рандомом, помощь нада 
:(
    Опции темы
sannyk
Дата 13.2.2010, 11:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 13.2.2010

Репутация: нет
Всего: нет




M
12345c
Оформите сообщение в читаемом виде - код в тегах [ code ] из списка "Код", кнопка "Редактировать".

всем привет) вот существует скрипт для вывода картинок из папки рандомом. ниже еще один скрипт для увеличения картинки пи наведении на нее мышкой. задача состоит в том что - после токо как первый скрипт вывел картинку ее нужно както записать в память то ли контейнер, я непойму чтобы можна было с ней работать другому скрипту. подскажите как это сделать.


скрипт для вывода картинок из папки рандомом
Код


SCRIPT language="javascript">
<!-- Image Selector
function RandomImageLong(images,iparams)
{
/* si: start index 
** i: current index
** ei: end index
** cc: current count
*/
 si = 0; 
 ci=0;
 cc=0;
 imageSet = new Array();
 ei = images.length;
  for (i=1;i<ei;i++) {
    if (images.charAt(i) == ' ' || images.charAt(i) == ',') {
      imageSet[cc] = images.substring(si,i);
      cc++;
      si=i+1;
      }
    }
  ind = Math.floor(Math.random() *cc);
  document.write("<img "+iparams+" src="+imageSet[ind]+" alt=\""+imageSet[ind]+"\">");
}

function RandomImage(images)
{
  RandomImageLong(images," ");
}

function RandomImageLinkLongTarget(images,urls,iparams,hparams)
{
/* si: start index 
** i: current index
** ei: end index
** cc: current count
*/
 imageSet = new Array();
 urlSet = new Array();
 si = 0; 
 ci=0;
 cc=0;
 ei = images.length;
  for (i=1;i<ei;i++) {
    if (images.charAt(i) == ' ' || images.charAt(i) == ',') {
      imageSet[cc] = images.substring(si,i);
      cc++;
      si=i+1;
      }
    }
  ind = Math.floor(Math.random() *cc);
 si = 0; 
 ci=0;
 cc=0;
 ei = urls.length;
  for (i=1;i<ei && cc <=ind ;i++) {
    if (urls.charAt(i) == ' ' || urls.charAt(i) == ',') {
      urlSet[cc] = urls.substring(si,i);
      cc++;
      si=i+1;
      }
    }

  //document.write("<img "+iparams+" src="+imageSet[ind]+" alt=\""+imageSet[ind]+"\">");
  document.write("<a "+hparams+" href=\""+urlSet[ind]+"\"><img "+iparams+" src="+imageSet[ind]+" alt=\""+imageSet[ind]+"\"></a>");
}

function RandomImageLinkLong(images,urls,iparams)
{
  RandomImageLinkLongTarget(images,urls,iparams,"");
}

function RandomImageLink(images,urls)
{
  RandomImageLinkLongTarget(images,urls,"border=0","");
}

// End Script -->
</SCRIPT>

-----------------------------------------------------------------------------------
а вот скрипт который должен брать рандомную картинку и увеличивать.
Код



<script language="JavaScript"> 
ssr=400; 
ssd=200; 
function uvelihenie(Position) 
 { 
  if (ssr > Position) 
   { 
     step=20; 
     Position=Position+step; 
   } 
  else 
   { 
    return; 
   } 
  uv1.width=Position; 
  setTimeout('uvelihenie('+Position+')',1); 
 } 


function umen(Position) 
 { 
  if (ssd < Position) 
   { 
     step=20; 
     Position=Position-step; 
   } 
  else 
   { 
    return; 
   } 
  uv1.width=Position; 
  setTimeout('umen('+Position+')',1); 
 } 

</script>


----------------------------------------------------------------------
для вывода рандома первого скрипта использую

Код



<script>
<!---
RandomImageLong("tpl-1.jpg tpl-2.jpg tpl-3.jpg ","width=200 height=300");
// --->
</SCRIPT>


после етого она както должна быть записана в память... 
--------------------------------------------------------------------------------
а вот тут должна использоваться этая записаная картина.(это вывод второго скрипта)
Код

<IMG ID="uv1" SRC= "tpl-?.jpg" WIDTH="150" onmouseover="uvelihenie(150)" onmouseout="umen(300)">

помогите пожалуйстаааааааааааааааааа!!!!!!!!!!!!!!!




Это сообщение отредактировал(а) sannyk - 13.2.2010, 21:28
PM MAIL   Вверх
Sardar
Дата 14.2.2010, 02:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 2
Всего: 317



Лучше так не писать.

Для примера требуется jQuery (http://jquery.com)
Код

<html>
<head>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">

//возвращает функцию, дающую каждый раз случайную картинку из imgs
function rand_images(imgs) {
    var imgs = typeof(imgs) == 'object'? imgs: imgs.split(/\s*,\s*/);
    return function() {
        return imgs[Math.round(Math.random() * (imgs.length - 1))];
    }
}

//как только документ загружен
$(document).ready(function() {
    //imgs() -- случайная картинка
    var imgs = rand_images("a.jpg, b.jpg, c.jpg");
    //покажем картинку и определим mouseenter/mouseleave события
    $('#cvs').attr('src', imgs()).css('visibility', 'visible').hover(function() {
        //навели мышкой, увеличить в полтора раза (или пропиши конкретные размеры)
        $(this).animate({
            width: '+=50%',
            height: '+=50%',
        }, 'fast', null);
    }, function() {
        //вернуть размеры
        $(this).animate({
            width: '-=50%',
            height: '-=50%',
        }, 'fast', null);
    });
});

    </script>
</head>
<body>
    <h1>Random image</h1>
    <!-- скроем пока не определимся что показываем -->
    <p><img id="cvs" src="" style="visibility: hidden" /></p>
</body>
</html>


Далее, если нужна картинка, глянь в $('#cvs').attr('src'); или запомни выбор в любой переменной. А вообще стоит немного подучить JS.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
sannyk
Дата 14.2.2010, 10:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 13.2.2010

Репутация: нет
Всего: нет



так получаеться чтоб тот скрипт что ты написал заработал, нада подключать jQuery js файл???
PM MAIL   Вверх
bars80080
Дата 14.2.2010, 13:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315



Цитата(sannyk @  14.2.2010,  09:54 Найти цитируемый пост)
так получаеться чтоб тот скрипт что ты написал заработал, нада подключать jQuery js файл??? 

угу. от 100 до огого кБ кода. на то она и библиотека
PM MAIL WWW   Вверх
sannyk
Дата 15.2.2010, 20:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 13.2.2010

Репутация: нет
Всего: нет



а каким образом его подключать? нада скрипт писать?
PM MAIL   Вверх
bars80080
Дата 16.2.2010, 00:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315



Код

<script type="text/javascript" src="jquery.js"></script>
</head>

вот это вставляешь в шапке своей страницы. при этом jquery.js - это библиотека, которая находится у тебя на сервере по указанному в src адресу


вон там у Sardar, кстати, вставлена jquery.min.js . видимо, какая-то минимальная обрезка

Это сообщение отредактировал(а) bars80080 - 16.2.2010, 00:30
PM MAIL WWW   Вверх
12345c
Дата 16.2.2010, 01:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101





--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
sannyk
Дата 16.2.2010, 12:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 13.2.2010

Репутация: нет
Всего: нет



я загрузил скрипт Sardarа и подключил файл js картинки тоже кинул в папку с соответствующими именами но они серавно не выводяться на екран((( в чем проблема?? может в том скрипте нада что то дописать?? Может я недопонял его слова -----Далее, если нужна картинка, глянь в $('#cvs').attr('src'); или запомни выбор в любой переменной. что он имелл ввиду? я просто плохо знаю жаву а сдать эту прогу мне нада через пару дней)) обясните мне необразованому как тут быть?
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0856 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.