Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Apr 2013
    Posts
    54
    Thanks
    2
    Thanked 0 Times in 0 Posts

    why my blur script doesn't work

    hi,


    i have a site like:http://www.terranartworks.com/testsi...islerimiz.html


    the panel on the right side is not blurring,although i added it.i don't figure out how.can anyone explain me why?


    i actually have another problem about content of my blurred panel.i want to do that,when user click one of buttons on the bottom,an information will appear on the blurred panel.i think that should be with jquery.i call a click event for buttons and every click a new img will appending on the blurred panel.how can i call append function for every different button click?

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    ok, so I was trying to take a look and there were some other things that caught my attention first.

    1. You dont need all those mutiple script block sat the bottom, you can replace them with this

    Code:
    <script type="text/javascript">
    $(function () {
        $('.islerimiz').blurjs({
            draggable: false,
            overlay: 'rgba(255,255,255,0.1)',
        });
    
        $('#ei-slider').eislideshow({
            easing: 'easeOutExpo',
            titleeasing: 'easeOutExpo',
            titlespeed: 1200
        });
    
        var origWidth = $(".islerimiz").width();
        $('#acKapat').on('click', function (e) {
            e.preventDefault();
            width = $(".islerimiz").width();
            if (origWidth == width)
                $(".islerimiz").animate({
                    'width': 0,
                    'opacity': 0
                }, 'slow', 'swing');
            else
                $(".islerimiz").animate({
                    'width': '200px',
                    'opacity': 1
                }, 'slow', 'swing');
        });
    
        $(".ei-slider-thumbs li a").on("click", function () {
            $(".islerimiz").append("<img id='icerikPic'/>");
            $("#icerikPic").attr("src", "imajlar/ISLERGORSELLER/1/2-bilgiler.png");
        });
    });
    </script>
    2. You may want to optimize the images on the page a bit, your page loads very very slow because you have about 5mb in just images alone. ( http://www.punypng.com/ )

  • #3
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    I'm not seeing a panel to thr right of the slider at all and you only have blurjs applied to .islerimiz

  • #4
    New Coder
    Join Date
    Apr 2013
    Posts
    54
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by DanInMa View Post
    ok, so I was trying to take a look and there were some other things that caught my attention first.

    1. You dont need all those mutiple script block sat the bottom, you can replace them with this

    Code:
    <script type="text/javascript">
    $(function () {
        $('.islerimiz').blurjs({
            draggable: false,
            overlay: 'rgba(255,255,255,0.1)',
        });
    
        $('#ei-slider').eislideshow({
            easing: 'easeOutExpo',
            titleeasing: 'easeOutExpo',
            titlespeed: 1200
        });
    
        var origWidth = $(".islerimiz").width();
        $('#acKapat').on('click', function (e) {
            e.preventDefault();
            width = $(".islerimiz").width();
            if (origWidth == width)
                $(".islerimiz").animate({
                    'width': 0,
                    'opacity': 0
                }, 'slow', 'swing');
            else
                $(".islerimiz").animate({
                    'width': '200px',
                    'opacity': 1
                }, 'slow', 'swing');
        });
    
        $(".ei-slider-thumbs li a").on("click", function () {
            $(".islerimiz").append("<img id='icerikPic'/>");
            $("#icerikPic").attr("src", "imajlar/ISLERGORSELLER/1/2-bilgiler.png");
        });
    });
    </script>
    2. You may want to optimize the images on the page a bit, your page loads very very slow because you have about 5mb in just images alone. ( http://www.punypng.com/ )



    1.yes i know i can merge all scripts.but it is easy to find when i coding
    after the coding finished,i will merge them.

    2.ok.i try to compress the images.

  • #5
    New Coder
    Join Date
    Apr 2013
    Posts
    54
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by DanInMa View Post
    I'm not seeing a panel to thr right of the slider at all and you only have blurjs applied to .islerimiz
    i want to blur the .islerimiz panel.i say that div "panel"


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •