Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.11.2013, 13:07
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

перемещение картинки методами jquery
Здравствуйте, как методами jquery переместить картинку из одного блока в блок с другим классом? при выполнении определенного условия
Ответить с цитированием
  #2 (permalink)  
Старый 27.11.2013, 13:25
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

Например, так:

<div class="div1">
   <img alt="" src="img.png" />
</div>

<div class="div2"></div>


var img = $('.div1 > img');
img.clone().appendTo('.div2');
img.remove();
Ответить с цитированием
  #3 (permalink)  
Старый 27.11.2013, 15:48
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

Я пытаюсь переместить каждый появляющийся динамически блок с классом portfolio_img в новый блок portfolio_img_height
<div class="portfolio_img">
<a class="fancybox" href="<?=$value['photo'];?>" data-fancybox-group="gallery" title="<?=$value['title'];?>">
<img class="fancybox_img" src="<?=$value['thumb'];?>"  alt="" />
</a>
</div>
<div class="portfolio_img" id="portfolio_img_height">
</div>

var obj = $('.fancybox_img');
jQuery.each(obj, function(i, val) {
$(this).parent('.portfolio_img').detach().prependTo('#portfolio_img_height');
})

Но все остается на своих местах
Ответить с цитированием
  #4 (permalink)  
Старый 27.11.2013, 16:20
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,227

Сообщение от imediasun1
Но все остается на своих местах
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.portfolio_img {
	border: 1px solid;
}
</style>
<script type="text/javascript">
$(function (){
	$('.fancybox_img').each(function() {
		$(this).parents('.portfolio_img').prependTo('#portfolio_img_height');
	})
});
</script>
</head>
<body>
<div class="portfolio_img">
	<a class="fancybox" href="<?=$value['photo'];?>" data-fancybox-group="gallery" title="<?=$value['title'];?>">
		<img class="fancybox_img" src="http://javascript.ru/forum/images/smilies/smile.gif"  alt="" />
	</a>
</div>
<div class="portfolio_img" id="portfolio_img_height"></div>
</body>
</html>

Последний раз редактировалось ksa, 27.11.2013 в 16:23.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Узнать размеры картинки jQuery skillful Общие вопросы Javascript 15 10.08.2016 11:21
Как запустить крутящийся бегунок пока идет загрузка картинки в Jquery alex_fk jQuery 6 19.07.2013 14:02
jQuery слайдшоу с html страницей вместо картинки birst jQuery 2 14.06.2013 10:32
Ищу плагин jQuery для визуального изменения размера картинки FRIE jQuery 4 02.09.2012 23:22
Проблемы с jquery fancybox В IE не загружаются картинки pav8909 Общие вопросы Javascript 3 09.09.2011 10:46