The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
●● إعلانـات ●●
إعلانك هنا إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
318 المساهمات
248 المساهمات
144 المساهمات
78 المساهمات
78 المساهمات
78 المساهمات
56 المساهمات
46 المساهمات
24 المساهمات
22 المساهمات
آخر المشاركات




×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية

descriptionإضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا Emptyإضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا

more_horiz
السلام عليكم ورحمة الله وبركاتة
إضافة زر لتحريك شريط التمرير إلى احدث الصور
إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا Ocia_a10
---------------------------

يعني عندما تضغط على الزر
يتحرك شريط تمرير الصورة من تلقاء نفسه  
عند الضغط على الزر مرة أخرى فإنه يتوقف
كما في الصورة
إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا Animation

طريقة التركيب

اول شيء: عليك بتفعيل الصور التي تمت مشاركتها مؤخرا في منتداك
عن طريق لوحة الادارة > عناصر اضافية > الصور التي تمت مشاركتها مؤخرا >
تشكيل
ثم ضع الاعدادات كما في الصورة
إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا Ocia_a11


ثاني شيء: ابحث عن الجزء التالي في قالب Index_box

الكود:

<!-- BEGIN switch_forum_images -->


وضع فوقه مباشرة الكود التالي

الكود:

<p id="page-desc" class="imagelist_desc"></p>


تثبيت جافا سكريبت
العنوان * : كما تريد
المكان: في جميع الصفحات

الكود:

$(function(){
  $('#page-desc,p.imagelist_desc').after('<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var intervalId;
    var targetWindow = $(".container-imgs-list");
  

    function startScrolling() {
        intervalId = setInterval(function() {
            targetWindow.scrollTop(targetWindow.scrollTop() + 1);
        }, 10); // Change the interval as needed
    }
  

    function stopScrolling() {
        clearInterval(intervalId);
    }
  

    $("#Latest-images-Button").click(function() {
        if ($(this).data("isScrolling")) {
            stopScrolling();
            $(this).text("تحريك الصور");
        } else {
            startScrolling();
            $(this).text("إيقاف التحريك");
        }
        $(this).data("isScrolling", !$(this).data("isScrolling"));
    });
});
</script>                        
<button id="Latest-images-Button">اضغط-لتحريك-الصور</button>

<div id="container-imgs-list" style="width: 300px; height: 0px; overflow: auto;">
</div>');
});
document.write('<style type="text/css">.container-imgs-list {height: 500px;}
button#Latest-images-Button {
    right: 50%;          
    left: 50%;
    position: relative;
    display: flex;
    margin: 5px;
    color: white;
    padding: 10px;
    background: #1e88e5;
} </style>');


اضافة لطيفه
آمل أن تنال إعجابكم   إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا 3937780206


--------------------------------------
تمت كتابة هذا البرنامج التعليمي بواسطة كونان2000،
باستخدام الذكاء الاصطناعي

descriptionإضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا Emptyرد: إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا

more_horiz
شكرا جزيلا على الكود الرائعة

descriptionإضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا Emptyرد: إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا

more_horiz
العفو اختي ^^
سعيد انه اعجبك

descriptionإضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا Emptyرد: إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا

more_horiz
إضافة ممتعة و كود جديد متعوب عليه

بوركت جهودك كونان و شكرا لجعلنا نكتشف جوانبا جديدة من أحلى منتدى كل يوم

إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا 866468155

descriptionإضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا Emptyرد: إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا

more_horiz
العفو اختي Akatsuki ^^
ان شاء الله دائما بخدمكم وخدمة احلى منتدى

سعيد انه اعجبك (●'◡'●)
 KonuEtiketleri عنوان الموضوع
إضافة زر لتحريك شريط التمرير إلى الصور التي تمت مشاركتها مؤخرا
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
remove_circleمواضيع مماثلة