پاسخ ها (19)

برای ارسال پاسخ باید ثبت نام کنید یا وارد شوید
  1. حسین حیاتی
    سه‌شنبه,19 شهریور 1398-12:18

    سلام

    شما نیاز به attr سلکتور دارید که خاصیت src عکس رو فراخونی کنید.

    مانند:

    $("#Image1").attr("src", "test.jpg");

    نمونه کد برای شما

    $("img").on('click', function(e) {  

    $("#Image1").attr("src", $(this).attr("src"));

    console.log($(this).attr("src"));

    });


    Gravatar image
    سه‌شنبه,19 شهریور 1398-12:59

    ببخشید نمونه من اینجور هست حالا چه چور با کدی که شما دادی ست کنم؟

     <asp:Repeater ID="rp_imagethu" runat="server" OnItemCommand="rp_imagethu_ItemCommand">
    <ItemTemplate>
    <li>
    <asp:ImageButton CssClass="aimg" ID="ImageButton1" ImageUrl='<%# "../../Cr-Content/image/post/thumbImgcms/"+ Eval("Name_Directory") %>' runat="server" CommandName="Addpic" CommandArgument='<%# Eval("ID_Directory") %>' Height="79" Width="79" />
    </li>
    </ItemTemplate>
    </asp:Repeater>


    حسین حیاتی
    سه‌شنبه,19 شهریور 1398-13:5

    کدی که من به شما تحویل دادم برای تمامی عکس های توی یک صفحه قابل استفاده است چون من تمام img های صفحه رو سلکت کردم ، شما به طور خاص میتونید کلاس aimg رو select کنید.

    $(".aimg").on('click', function(e) {

    $("#Image1").attr("src", $(this).attr("src"));

    console.log($(this).attr("src"));

    });


    Gravatar image
    سه‌شنبه,19 شهریور 1398-13:8

    خب داخل تگ img در onclick چی بنویسم؟


    <img onclick="اینجا چی بنویسم" alt="" src='<%# "../../Cr-Content/image/post/thumbImgcms/"+ Eval("Name_Directory") %>' />


    حسین حیاتی
    سه‌شنبه,19 شهریور 1398-13:53

    نمونه پیاده سازی شده کد رو در اینجا میتونید مشاهده کنید.

    دوست عزیز من فانکشن کلیک عکس ها رو صدا زدم و به طور کلی گفتم تمامی عکس هایی که کلاس  "aimg" دارن وقتی کلیک شدن src اونها بره توی تصویر با آیدی "Image1" بشینه.

    در صورتی که میخواید در رویداد onclick بنویسید کد شما به صورت زیر خواهد بود.

    //asp.net

    <img onclick="myfunction('../../Cr-Content/image/post/thumbImgcms/')" alt="" src='<%# "../../Cr-Content/image/post/thumbImgcms/"+ Eval("Name_Directory") %>' />

    //jquery

    myfunction(src){

    $("#Image1").attr("src", $(this).attr("src"));

    }


    Gravatar image
    سه‌شنبه,19 شهریور 1398-14:13

    ممنون اما یه مشکل


    من داخل صفحه از اپدیت پنل استفاده کردم وقتی تصویر انتخاب میشه و یه قسمتی دیگه از صفحه پست بک میشه تصویر پاک میشه جیکار کنم که این تصویره پاک نشه یعنی خاصیت src از دست نده؟


    • حسین حیاتی
      سه‌شنبه,19 شهریور 1398-14:16

      خواهش میکنم ، 

      میبایست با استفاده از session فکر کنم در asp.net web form و در asp.net mvc با استفاده از Viewbag یا Viewwdata مقدار src رو پاس بدید یا با استفاده از jquery از پست بک جلوگیری کنید.



    حسین حیاتی
    سه‌شنبه,19 شهریور 1398-14:13

    نمونه درست فانکشن jquery به صورت زیر است

    //jquery

    function myfunction(src) {

    $("#Image1").attr("src", src);

    }


    Gravatar image
    سه‌شنبه,19 شهریور 1398-14:28

    خب چه جوری با استفاده از jquery  از پست بک جلوگیری کنم؟


    Gravatar image
    سه‌شنبه,19 شهریور 1398-14:41

    در ادامه بحث


    اگه بخوام از کد زیر با کلیک برو تصاویر به textarea به صورت تک img اضاف بشه باید جیکار کنم


      $(".aimg").on('click', function (e) {

    $("#Image1").attr("src", $(this).attr("src"));

    });


    <img alt="" src="Cr-Content/image/post/small/6.jpg" />


    Gravatar image
    سه‌شنبه,19 شهریور 1398-15:44

    مرسی ممنون از جواباتون


    Gravatar image
    سه‌شنبه,19 شهریور 1398-15:57

    اما سوال اخر

    من داخل تگ img یه alt دارم چه چور میتونم مقدار این alt رو به دست بیارم


    <img class="aimg1" alt="123" src='<%# "../.."+Eval("Url_Upload")+"thumbImgcms/"+ Eval("Name_Directory") %>' Height="79" Width="79" />


    حسین حیاتی
    سه‌شنبه,19 شهریور 1398-16:7

    کافیه به جای src از اتربیوت alt استفاده کنید.

    $(this).attr("alt")


    Gravatar image
    سه‌شنبه,19 شهریور 1398-16:19

    حالا اگه بخوام داخل jquery شرط بزارم به چه صورت میشه

    یه نمونه دستور if بزار


    Gravatar image
    چهارشنبه,20 شهریور 1398-3:34

    مرسی  

    این تایپیک بسته بشه میریم تایپیک و سوال جدید


ارسال پاسخ


برای ارسال پاسخ باید ثبت نام کنید یا وارد شوید