هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن تطوير المواقع (https://www.helpernt.com/vb/forumdisplay.php?f=88)
-   -   ممكن كود الصور لو سمحتم (https://www.helpernt.com/vb/showthread.php?t=11802)

! المبدع ! 01-19-2021 02:00 AM

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

https://www.pcloud.com/

صورة الكود .


https://www.4up4.com/uploads/admin/f...-19_005729.jpg

احترامى وتقديري لكم

Mohamed yasser 01-19-2021 11:53 AM

رد: ممكن كود الصور لو سمحتم
 
ممكن توضح اكتر

~ GOOGLE ~ 01-19-2021 11:58 AM

رد: ممكن كود الصور لو سمحتم
 
وضح اكثر اي كود فيهم بزبط
شوف يمكن هذا ناقل الصورة

كود بلغة HTML:

<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>

Mohamed yasser 01-19-2021 12:51 PM

رد: ممكن كود الصور لو سمحتم
 
اتفضل
كود PHP:

<!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> 


هيلبرنت 01-19-2021 02:54 PM

رد: ممكن كود الصور لو سمحتم
 
@~ GOOGLE ~
يعطيك الف عافية اخى GOOGLE لتواجدك والمساعدة فى حل المشكلة

@ Mohamed yasser
يعطيك الف عافية اخى محمد لتواجدك والمساعدة فى حل المشكلة


الساعة الآن 03:07 AM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir