مشاركة # 1 | 20:35


تحرير مظهر Ligthbox


صندوق الصور هو اليسكريبت لعرض الصور على الصفحة الحالية في نافذة دون إعادة تحميل الصفحة. صندوق الصور الافتراضي على مواقع شبكة الانترنت التابعه مشروع uCoz يبدو مثل هذا:




يمكنك تعديل مظهر صندوق الصور الافتراضية باستخدام الدليل أدناه، إذا كان لديك ما يكفي من المعرفه بجافا سكريبت والمهارات CSS .
إذا كنت غير واثق في قدراتكم، ونحن لا ننصح أن تفعل هذا ونقترح عليك استخدام إعدادات النظام الافتراضيه وتركها كما هي


لتغيير معالم صندوق الصور الافتراضي، قم بإضافة الكود التالي إلى الجزء السفلي من كل صفحات الموقع:

لوحه التحكم >>تعديل التصميم >> القسم السفلي للموقع



كود
<script type="text/javascript">    
$(document).ready(function(){    
$('.ulightbox').fancybox({padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons : {}}});    
});    

function _bldCont1(id, indx) {    
idarray = 'allEntImgs' + id;    
imgar = [];    
for (var i=0;i<eval(idarray).length;i++) {    
imgar[i] = eval(idarray)[i][0];    
}    
$.fancybox(imgar,{index: indx, padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons: {}}});    
}    
</script>  


يمكنك تعديل المعلمات الافتراضية التالية:

padding : عرض الإطار الأبيض حول صورة

preload : عدد الصور التي سوف يتم تحميلها

closeEffect : تأثير إغلاق نافذة (مرن، تتلاشى، لا شيء)

nextEffect, prevEffect : تأثير التحول إلى الصوره التاليه / السابقه (مرن، تتلاشى، لا شيء)

opacity : التعتيم والتظليل، ويمكن تعيين من 0 (شفاف بالكامل) إلى 1 (غير شفاف)

speedIn, speedOut : وقت ظهور / اختفاء التظليل في ميلي ثانية.

لتغيير خلفية التظليل، قم إضافة السطر التالي إلى CSS:

لوحه التحكم >>تصميم >> css



كود
#fancybox-overlay {background: #ff0000 !important;}


# FF0000 - لون الخلفية. يمكن الاستعاضة عنه بصورة مع عنوان URL التالي (/ fon.jpg).

مرفقات: 6283919.png (322.3 Kb)