لونك المفضل
الألوان
chatالمواضيع الأخيرة
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر
bubble_chartالمتواجدون الآن ؟
ككل هناك 6 عُضو متصل حالياً :: 1 أعضاء, 0 عُضو مُختفي و 5 زائر :: 2 عناكب الفهرسة في محركات البحث

ابو مجد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 494 بتاريخ 2019-03-19, 11:43 am

موقع احلى مطور

موقع احلى مطور لتطوير و تنمية منتديات أحلى منتدى

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

كلمات دليلية:

كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Emptyكود نشر صور المواضيع علي مواقع التواصل الاجتماعي

omarpop23
المؤسس
 نُشر في 2019-08-10

كود نشر صور المواضيع علي مواقع التواصل الاجتماعي

صورة للكود:
كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Ezgif-1-90fc63637273

عند مرور مؤشر الفأره علي اي صورة داخل المواضيع يظهر ايقونات مشاركه الصورة علي التواصل الاجتماعي كما يظهر في الصورة السابقة.

الكود:

الكود:

document.addEventListener("DOMContentLoaded", function() {
    var postImg = document.querySelectorAll('.postbody > div:not(.user):not(.postprofile) img, .mod_news img, .message-text img, .post-content iframe, .post-content img'),
        newStyle = document.createElement("STYLE"),
        max_width = 100, // maximum image width (100px)
        max_height = 100; // maximum image height (100px)

    for (i = 0; i < postImg.length; i++) {
      if ((postImg[i].naturalWidth > max_width || postImg[i].naturalHeight > max_height)) {
        var newDiv = document.createElement("DIV"),
            ImgContainer = document.createDocumentFragment();

        newDiv.className = 'shareThisPic';
        newDiv.innerHTML = '<a href="https://www.facebook.com/sharer.php?u=' + postImg[i].src + '&t=' + postImg[i].alt + '" class="fb_share_btn" target="_blank"><img src="https://i.servimg.com/u/f51/19/34/86/41/facebo10.png" alt="share on facebook" /></a><a href="https://www.pinterest.com/pin/create/button/?url=' + postImg[i].src + '&media=' + postImg[i].src + '&description=' + postImg[i].alt + '" class="pinterest_share_btn" target="_blank"><img src="https://i.servimg.com/u/f51/19/34/86/41/printe10.png" alt="share on pinterest" /></a>';

        postImg[i].parentNode.insertBefore(newDiv, postImg[i]);

        ImgContainer.appendChild(postImg[i]);
        newDiv.appendChild(ImgContainer);

    }
    }
    newStyle.innerHTML = '<style>.shareThisPic { position: relative; }.shareThisPic { position: relative; } .shareThisPic .pinterest_share_btn { margin-right: 55px; } .shareThisPic a { position: absolute; bottom: 0px; opacity: 0; visibility: hidden; transition: all .5s ease-in-out; } .shareThisPic:hover a { opacity: 1; visibility: visible; }.fa_img_resizer a { position: relative; visibility: visible; opacity: 1; }</style>';
    document.head.appendChild(newStyle);
    // by omarpop23
});


كود نشر صور المواضيع علي مواقع التواصل الاجتماعي Emptyرد: كود نشر صور المواضيع علي مواقع التواصل الاجتماعي

ابو مجد
عضو احلى مطور
 نُشر في في 2019-08-10, 10:30 am
كل الشكر على هذا الكود الجديد فعلا و المميز

اعلانات نصية