Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: нажатии на маленькую открылось большой

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (2): [1] 2 »   

> Без описания
Поиск в теме | Версия для печати
Razo21
Отправлено: 04 Августа, 2011 - 12:25:15
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Июнь 2011  


Помог: 0 раз(а)
но получается во время нажатья foto<?echo $fr[0];?> открыть див в нем большой фото , правда говоря я вообще не знаю как ето делать подумал так может быть но не получилось,подскажите как можно ето делать
PHP:
скопировать код в буфер обмена
  1. for($i=0;$i<mysql_num_rows($friend);$i++){
  2.                   echo "<tr>";
  3.                   for($j=0;$j<5;$j++){
  4.                         $fr=mysql_fetch_row($friend);
  5.                         $ph=mysql_fetch_row(mysql_query("SELECT `id`,`foto` from `photo` where `id`='$fr[0]'"));
  6.                         ?>
  7.                         <td>
  8.  
  9.                         <div id='foto<?echo $fr[0];?>'><img  src="<?echo $ph[1];?>" width="100" height="100" alt="" border="0"></div>
  10.              <div style='display:none;' id='showfoto<?echo $fr[0];?>'><img  src="<?echo $ph[1];?>" width="200" height="200" alt="" border="0"></div>
  11.                         <div></div>
  12.                         <div></div>
  13.                         </td>
  14.                         <?
  15.                   }
  16. echo "</tr>";
  17.                 }

CODE (javascript):
скопировать код в буфер обмена
  1. <script>
  2.            $(document).ready(function(){
  3.                         var row='<?echo mysql_num_rows($friend);?>';
  4.                         for(a=0;a<=row;a++){
  5.                         $('#foto' + row).click(function(){
  6.                                 $('#showfoto' + row).slideDown();
  7.                         });
  8.                         });
  9.             }
  10.  
  11.                 </script>
 
 Top
DeepVarvar Супермодератор
Отправлено: 04 Августа, 2011 - 12:46:15
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Ну так рисуйте обычную ссылку:
CODE (html):
скопировать код в буфер обмена
  1. <div id="bigfoto">тут будет большая фотка - div один на всех!!!</div>
  2. <a class="bigfoto" href="/path/do/bigfoto.jpg"><img src="/path/do/smallfoto.jpg" /></a>

Ходит на страницу с большой фоткой?
Перехватим это событие.
CODE (javascript):
скопировать код в буфер обмена
  1. $(function(){
  2.   $("a.bigfoto").click(function(){
  3.     $("#bigfoto").html('<img src="'+$(this).attr("href")+'" />');
  4.     $("#bigfoto img").live("click",function(){
  5.       $(this).parent().html("");
  6.       });
  7.     return false;
  8.     });
  9.   });

Если разберетесь - заточите под себя.
Писал прямо сейчас на коленке.
 
 Top
Razo21
Отправлено: 04 Августа, 2011 - 12:57:11
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Июнь 2011  


Помог: 0 раз(а)
DeepVarvar пишет:
Ну так рисуйте обычную ссылку:
CODE (html):
скопировать код в буфер обмена
  1. <div id="bigfoto">тут будет большая фотка - div один на всех!!!</div>
  2. <a class="bigfoto" href="/path/do/bigfoto.jpg"><img src="/path/do/smallfoto.jpg" /></a>

Ходит на страницу с большой фоткой?
Перехватим это событие.
CODE (javascript):
скопировать код в буфер обмена
  1. $(function(){
  2.   $("a.bigfoto").click(function(){
  3.     $("#bigfoto").html('<img src="'+$(this).attr("href")+'" />');
  4.     $("#bigfoto img").live("click",function(){
  5.       $(this).parent().html("");
  6.       });
  7.     return false;
  8.     });
  9.   });

Если разберетесь - заточите под себя.
Писал прямо сейчас на коленке.

нет нет мне не надо переехать на другой страница,мой цел такой,есть страница в нем с циклом выведен все друзья у них есть фото 100x100 px мне надо нажать на фото и скрытый див откроется где то 200x200 px,типа как у одноклассники.ру
 
 Top
DeepVarvar Супермодератор
Отправлено: 04 Августа, 2011 - 13:01:37
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Я так и сделал - проверьте Закатив глазки
(Добавление)
/path/do/bigfoto.jpg = большая фото
/path/do/smallfoto.jpg = маленькая фото
 
 Top
Razo21
Отправлено: 04 Августа, 2011 - 14:30:19
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Июнь 2011  


Помог: 0 раз(а)
DeepVarvar пишет:
Я так и сделал - проверьте Закатив глазки
(Добавление)
/path/do/bigfoto.jpg = большая фото
/path/do/smallfoto.jpg = маленькая фото

а как можно добавить прозрачность body чето не получается $('body').css('opasity','0.3');то есть получается но большой фото остается внутри
 
 Top
DeepVarvar Супермодератор
Отправлено: 04 Августа, 2011 - 15:08:10
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Никак - прозрачность надо делать для одного общего div
$('#container').css('opasity','0.3');
 
 Top
Razo21
Отправлено: 05 Августа, 2011 - 15:36:56
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Июнь 2011  


Помог: 0 раз(а)
DeepVarvar пишет:
Никак - прозрачность надо делать для одного общего div
$('#container').css('opasity','0.3');

но почему открывает фото в отдельном странице?
 
 Top
DeepVarvar Супермодератор
Отправлено: 05 Августа, 2011 - 15:39:40
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
 
 Top
Razo21
Отправлено: 05 Августа, 2011 - 15:40:30
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Июнь 2011  


Помог: 0 раз(а)
DeepVarvar пишет:
CODE (javascript):
скопировать код в буфер обмена
  1. return false;

ну да ето понято но везде ето есть но не работает не знаю почему((
CODE (javascript):
скопировать код в буфер обмена
  1. $(function(){
  2.                         $("a.bigphoto").click(function(){
  3.  
  4.                         $("#bigphoto").html('<img src="'+$(this).attr("href")+'" />');
  5.                 $("#bigphoto img").live("click",function(){
  6.                 $(this).parent().html("");
  7.                 });
  8.                         return false;
  9.                         });
  10.                         });

(Отредактировано автором: 05 Августа, 2011 - 15:42:41)

 
 Top
Viper
Отправлено: 05 Августа, 2011 - 15:57:42
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
Razo21 Бред написали вот и не работает

Что это click(live(...)...) ???

Вынесите live() за click().


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
Razo21
Отправлено: 05 Августа, 2011 - 16:03:33
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Июнь 2011  


Помог: 0 раз(а)
Viper пишет:
Razo21 Бред написали вот и не работает

Что это click(live(...)...) ???

Вынесите live() за click().

здесь вопрос ни етом а в том почему открывается в отдельном окне если написон return false;
 
 Top
Viper
Отправлено: 05 Августа, 2011 - 16:10:57
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
Razo21 настройки браузера смотрите. Не может такого быть чтобы click открывал новое окно без window.open внутри.


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
Razo21
Отправлено: 05 Августа, 2011 - 16:14:22
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Июнь 2011  


Помог: 0 раз(а)
Viper пишет:
Razo21 настройки браузера смотрите. Не может такого быть чтобы click открывал новое окно без window.open внутри.

я имею веду новый страница))
 
 Top
DeepVarvar Супермодератор
Отправлено: 05 Августа, 2011 - 16:44:33
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Razo21 а мой самый первый пример работает правильно?
 
 Top
Razo21
Отправлено: 05 Августа, 2011 - 17:39:13
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Июнь 2011  


Помог: 0 раз(а)
DeepVarvar пишет:
Razo21 а мой самый первый пример работает правильно?

сперва работал но потом нет но я нечего не менял
 
 Top
Поиск в теме | Версия для печати
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB