Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Как сделать так чтобы показывалось загрузка картинки

Сообщения:  [1-2] 

 
 автор: Deed   (18.02.2013 в 15:38)   письмо автору
 
   для: sarik   (18.02.2013 в 10:28)
 

У меня идиосинкразия на js-код, как-то воротит от всех этих getElementById, поэтому предпочитаю JQuery - http://jsfiddle.net/kilotonna/cvZxV/5/
Но, если switch case необходим, просто используйте перед изменением адреса картинки setTimeout. Можно вынести его в отдельную ф-цию:

function st(n){
  img.src = "img/waiting.gif"; //картинка с анимацией "ожидания"
  setTimeout(function(){
     img.src = "img/"+n+".png";
  },2000);

switch(val){
  case "0":  var m = st(2); 
   break; 
  ...
}

  Ответить  
 
 автор: sarik   (18.02.2013 в 10:28)   письмо автору
 
 

Я использую switch case для того чтобы картинка товара менялось при выборе цвета товара. Но есть одна проблема. Надо сделать так чтобы когда клиент выбираеть цвет товара и до изменение картинки товара показывалось загрузка то есть gif картинка показывающий загрузки чтобы клиент думал что картинка товара загружаеться
вот switch case которое я использую.

function img_size(val){
 var img = document.getElementById("kartinka");
 switch(val){
  case "0":
   img.src = "img/2.png";
   break;
  case "00":
   img.src = "img/3.png";
   break;
  case "135":
   img.src = "img/4.png";
   break;
  case "235":
   img.src = "img/5.png";
   break;
 case "450":
   img.src = "img/6.png";
   break;
 }
}

  Ответить  

Сообщения:  [1-2] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования