jquery - 從第一個img src複製2個圖像到另一個div

我一直在尋找一個解決方案，這一段時間了，已經發現了幾個選項，但他們都沒有在我的情況下實際工作。 ..jquery - 從第一個img src複製2個圖像到另一個div

html/php code: 

<div class="something"> 
    <img src="images/gallery/<?php echo $row_get_img['imagename']; ?>"> 
    <img src="images/gallery/pixelfiller.png"> 
    //Divs are on top of one another(*code not transcribed fully*) 
</div> 

<div id="fullscreen"> 
    <div class="imgfull"></div> 
</div>

目的是要搶「東西」類中第一張圖片，並填寫「imgfull」 DIV與圖像。

的jQuery腳本我到目前爲止是這樣的：

jquery code: 

$("#content .something").click(
    function() { 
     $("#fullscreen").show("slow"); 

$("#fullscreen").click(
    function() { 
     $("fullscreen").hide("slow"); 
)

我已經嘗試了很多的選擇，找到（），ATTR（），get（）和追加連（）。我認爲我得到了我所需要做的就是attr（），但我找不到原因。

我真正需要的是，通過點擊div「something」，點擊div內第一個圖像的源屬性必須發送到div「imgfull」。（）我已經設法得到文檔中的第一個圖像的源，而不是div，我猜我需要使用$（this）和attr，但我可以'弄清楚，這個解決方案也必須適合第一個呈現的jQuery腳本。

我不知道這是不是要求太多，但預先感謝對這個問題的任何答案。

來源

2011-04-08 Bruno Ferreira

你可以做這樣的事情（假設你只需要與類imgfull的div內的1個圖像）：

$('.something').click(function(){ 
    $('.imgfull').html('<img src="' + $(this).find('img:eq(0)').attr('src') + '" />'); 
});

這裏的a working example。

來源

2011-04-08 22:21:24

對不起，但這不是問題，我不得不從另一臺電腦手動抄寫代碼，這裏發佈的所有內容正在工作，我可能只是錯誤地抄錄了它。但感謝您的支持，我會對其進行編輯 – 2011-04-08 22:23:37

是的，請繼續努力 - 如果我們正在處理您的工作，它可以節省每個人（包括您自己）的時間和精力。 – 2011-04-08 22:27:25

謝謝你做到了 – 2011-04-08 22:50:04

你可以做這樣的事情（jsFiddle）：

<div id="source"> 
    <img src="http://images.google.com/intl/en_ALL/images/logos/images_logo_lg.gif" alt="img1" /> 
    <img src="http://maps.google.com/intl/en_us/images/logos/maps_logo.gif" alt="img2" /> 
</div> 
<a href="#" id="move">Move</a> 
<div id="dest"></div> 

$('#move').click(function(){ 
    $('#dest').append('<img src="' + $('#source img:first').attr("src") + '" alt="img3" />'); 
});

這是click事件，但無論它必然事件的觀點是正確的。

來源

2011-04-08 22:28:04

嘗試

$(".something img:first").clone().appendTo(".imgfull");

這將需要的圖像元素，它克隆和克隆追加到.imgfull股利。

來源

2011-04-08 22:28:44 Gcoop

正是我在做什麼：** [Live Demo]（http://jsfiddle.net/VmgfT/）** – drudge 2011-04-08 22:35:27

這行代碼會清除#fullscreen .imgFull div，從.something div抓取第一個img標記並將其附加到#fullscreen .imgFull div。

$('#fullscreen .imgfull').empty().append($('.something img:first-child').clone());

編輯：jsFiddle

來源

2011-04-08 22:28:58

你可以嘗試：

$("#content .something img").click(
    function() { 
     $('#fullscreen .imgfull').empty(); 
     $('<img src="' + this.src + '" />').appendTo('#fullscreen .imgfull'); 
    });

JS Fiddle。

來源

2011-04-08 22:29:10

jquery - 從第一個img src複製2個圖像到另一個div

回答

相關問題