المشاركات 26 |
+التقييم 7 |
تاريخ التسجيل Jan 2021 |
الاقامة فلسطين |
نظام التشغيل windows 8.1 |
رقم العضوية 2577 |
ممكن كود الصور لو سمحتم
01-19-2021, 11:53 AM
رد: ممكن كود الصور لو سمحتم
01-19-2021, 11:58 AM
رد: ممكن كود الصور لو سمحتم
<div class="image for_desktop"><img class="top_box_image active" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos.png" style="display: inline;"><img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos.png" style="display: none;"><img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/music.png" style="display: none;"><img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs.png" style="display: none;"><img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs.png" style="display: none;"></div>
01-19-2021, 12:51 PM
رد: ممكن كود الصور لو سمحتم
<!doctype html>
<html class="no-js" lang="en">
<head >
<meta charset="utf-8" />
<title>Mohamed yasser</title>
<script src="//pcdn-www.pcloud.com/Z8k/js/jquery.min.js"></script>
<div class="box_holder top">
<div class="box top_box">
<div class="image for_desktop">
<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/lazy-load.png" data-src="//pcdn-www.pcloud.com/Z8k/images/p_home/music.png" data-src-retina="//pcdn-www.pcloud.com/Z8k/images/p_home/music@2x.png">
</div>
</div>
</div>
<script>
$(function() {
var userAuth = $.cookie('pcauth');
login_callback = function() {
userAuth = pCloud.user.auth;
sendAnalyticsTag(userAuth, "home view");
window.location = myPcloudURL;
};
register_callback = function() {
window.location = myPcloudURL;
}
var analyticsParams = {
category: "Home page",
label: "www-site",
action: "view"
}
if (userAuth) {
analyticsParams.auth = userAuth;
analyticsParams.tag = "home view";
}
sendAnalyticsEvent(analyticsParams);
function homePageJS() {
var images = window.devicePixelRatio < 1.5 ? [
$('<img class="top_box_image active" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos.png">'),
$('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos.png">'),
$('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/music.png">'),
$('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs.png">'),
$('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs.png">')
] : [
$('<img class="top_box_image active" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos@2x.png">'),
$('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos@2x.png">'),
$('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/music@2x.png">'),
$('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs@2x.png">'),
$('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs@2x.png">')
]
$(".image").html(images);
var transitionEnd = animationEndEvent();
var wordAnimationTime = 3000;
var wordsWrap = detectedMobile ? $('.animated-h1.for_mobile .files') : $('.animated-h1.for_desktop .files');
function animate() {
var currentH1 = wordsWrap.find('.active');
var currentImage = $(".image").find('.active');
var nextH1 = currentH1.next().length ? currentH1.next() : wordsWrap.find('span').first();
var nextImage = currentImage.next().length ? currentImage.next() : $(".image").find('img').first();
currentImage.fadeOut(500, function() {
$(this).removeClass('active');
nextImage.addClass('active').fadeIn(500);
})
currentH1.off(transitionEnd).addClass('slide-right').on(transitionEnd, function() {
currentH1.removeClass('active slide-right');
});
wordsWrap.css({'width': nextH1.outerWidth()});
nextH1.off(transitionEnd).addClass('active slide-left').on(transitionEnd, function() {
nextH1.removeClass('slide-left');
setTimeout(function() {
animate();
}, wordAnimationTime);
});
};
$(".image").find('.active').fadeIn(600);
wordsWrap.css({'width': wordsWrap.find('.active').outerWidth()}).addClass('animated').removeClass('min-width');
setTimeout(function() {
animate();
}, wordAnimationTime);
if (!detectedMobile) {
insertForm('register', $('.form_holder'), null, { showTitle: false });
} else {
$(".content > .box_holder.bottom").addClass("mobile_style");
$("body.home").addClass("mobile_style");
$(".blank").hide(0);
var imageTarget;
var imageSource;
var shortOS = detectOS(false, true);
function resizeSection() {
var sectionTwoWidth = ($(window).width() - 45) - $('.section.top .box_holder.bottom img').outerWidth();
$('.section.top .box_holder.bottom .txt, .section.top .box_holder.bottom .headline').css({'max-width': sectionTwoWidth});
};
resizeSection();
if (shortOS == 'ios') {
imageTarget = $('.app_box .for_ios img');
imageSource = 'images/p_mob/appstore_badge.png';
} /* else if (shortOS == 'windows phone') {
imageTarget = $('.app_box .for_windowsphone img');
imageSource = 'images/p_mob/microsoft_badge.png';
} */ else {
imageTarget = $('.app_box .for_android.g_badge img');
imageSource = 'images/p_mob/googleplay_badge.png';
}
imageTarget.on('load', function() {
imageTarget.off('load');
if (shortOS == 'android') {
$('.apk_badge img').on('load', function() {
var badgeWidth = $('.g_badge img').outerWidth() + $('.apk_badge img').outerWidth() + 10;
var leftMargin = $('.app_box').width() - badgeWidth;
setTimeout(function() {
$('.app_box .g_badge').css({'margin-left': leftMargin / 2});
}, 1);
$('.app_box .for_android').addClass('animate_show');
}).attr('src', 'images/p_mob/apk_badge.png');
} else {
imageTarget.parent().addClass('animate_show');
}
}).attr('src', imageSource);
onResizeFunctions['section_resize'] = function() {
resizeSection();
};
}
$('#business_link').on('click', function() {
if (typeof gaAll == 'function') {
gaAll('event', 'business-home', 'click');
}
})
};
homePageJS();
});
</script>
|
اضافة رد
|
| أدوات الموضوع | |
|
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| طلب لو سمحتم : شريط متحرك و مركز رفع الملفات | dzkhaled | ركن مشاكل وطلبات المنتديات | 4 | 11-09-2020 12:26 PM |
| ممكن طلب نسخة 3.8.11 ممكن | kokadoke | ركن مشاكل وطلبات المنتديات | 7 | 10-11-2019 12:52 PM |
| ممكن كود للتحكم في حجم الصور في المواضيع | blidi4ever | ركن مشاكل وطلبات الزين فورو XENFORO | 5 | 05-18-2019 12:03 PM |
| ممكن طلب نسخة 3.8.11 ممكن | شادى | ركن مشاكل وطلبات المنتديات | 5 | 04-03-2019 06:28 PM |
