• 19-06-2020, 13:05:10
    #1
    Merhaba, wp de bot ile resim çekiyorum, ancak resmin açık görünmesi yerine resim üzerine mozaik efekti vermek istiyorum.

    Resim sadece link ile çekiliyor.

    Aklıma şöyle geliyor..

    Wp ye link eklenince single.php dosyası içerisine o linki alıp üzerine mozaik ekleyecek bir kod bloğu olması gerekiyor. Yani konuya eklenen resim js ile ziyaretçiye mozaiklenmiş haliyle gösterilmeli.

    Resim link ile çekileceğinden js ile canvas kütüphanesi kullanılır sanırım.

    Bunu nasıl yapabilirim?
  • 19-06-2020, 13:12:18
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Browland adlı üyeden alıntı: mesajı görüntüle
    Merhaba, wp de bot ile resim çekiyorum, ancak resmin açık görünmesi yerine resim üzerine mozaik efekti vermek istiyorum.

    Resim sadece link ile çekiliyor.

    Aklıma şöyle geliyor..

    Wp ye link eklenince single.php dosyası içerisine o linki alıp üzerine mozaik ekleyecek bir kod bloğu olması gerekiyor. Yani konuya eklenen resim js ile ziyaretçiye mozaiklenmiş haliyle gösterilmeli.

    Resim link ile çekileceğinden js ile canvas kütüphanesi kullanılır sanırım.

    Bunu nasıl yapabilirim?
    Şu kod satırı işinizi görecektir diye umuyorum.
     header('Content-Type: image/jpeg');
    $image = imagecreatefromjpeg('1.jpg');
    for ($x=1; $x<=40; $x++){
        imagefilter($image, IMG_FILTER_GAUSSIAN_BLUR,999);
    } 
        imagefilter($image, IMG_FILTER_SMOOTH,99);
        imagefilter($image, IMG_FILTER_BRIGHTNESS, 10);
    imagejpeg($image);
    imagedestroy($image);
  • 19-06-2020, 13:15:06
    #3
    Mavinternet adlı üyeden alıntı: mesajı görüntüle
    Şu kod satırı işinizi görecektir diye umuyorum.
     header('Content-Type: image/jpeg');
    $image = imagecreatefromjpeg('1.jpg');
    for ($x=1; $x<=40; $x++){
        imagefilter($image, IMG_FILTER_GAUSSIAN_BLUR,999);
    }
        imagefilter($image, IMG_FILTER_SMOOTH,99);
        imagefilter($image, IMG_FILTER_BRIGHTNESS, 10);
    imagejpeg($image);
    imagedestroy($image);
    Çok teşekkür ederim, akşam denemesini yapacağım. Sonucu buraya yazarım.
  • 19-06-2020, 19:57:59
    #4
    Browland adlı üyeden alıntı: mesajı görüntüle
    Çok teşekkür ederim, akşam denemesini yapacağım. Sonucu buraya yazarım.
    arkadaş php kodu vermiş.tam olarak istediğiniz bu değil.

    2 seçenek var.

    1. php ile resim çekilirken back-end tarafında ikinci bir mozikli resim oluşturulur kaydedilir. ziyaretçiye mozaikli olanlar, üyeye ise normal resim gösterilir. bu işlem için sunucunuz kaynak harcayacaktır.
    2. front-end tarafında yapmak istersek sizin dediğiniz gibi js ile veya css ile blurlama yapılabilir. eğer tüm görselleriniz bulanıklaştırılsın isterseniz "sadece ziyaretçinin görebileceği bir alana" aşağıdaki css kodunu ekleyebilirsiniz. tüm herkes blurlu görecek ise hiç editlemeden koyabilirsiniz.

    img {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    }
    bir class a atayıp bulanıklaştıracağınız fotolara o class ı ekletebilirsiniz.

    .bulaniklastir {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    }
  • 19-06-2020, 21:00:20
    #5
    Cyrax adlı üyeden alıntı: mesajı görüntüle
    arkadaş php kodu vermiş.tam olarak istediğiniz bu değil.

    2 seçenek var.

    1. php ile resim çekilirken back-end tarafında ikinci bir mozikli resim oluşturulur kaydedilir. ziyaretçiye mozaikli olanlar, üyeye ise normal resim gösterilir. bu işlem için sunucunuz kaynak harcayacaktır.
    2. front-end tarafında yapmak istersek sizin dediğiniz gibi js ile veya css ile blurlama yapılabilir. eğer tüm görselleriniz bulanıklaştırılsın isterseniz "sadece ziyaretçinin görebileceği bir alana" aşağıdaki css kodunu ekleyebilirsiniz. tüm herkes blurlu görecek ise hiç editlemeden koyabilirsiniz.

    img {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    }
    bir class a atayıp bulanıklaştıracağınız fotolara o class ı ekletebilirsiniz.

    .bulaniklastir {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    }
    Teşekkür ederim, php kodu olduğunu biliyorum.

    Resimler sunucuya inmeyeceğinden front end olması lazım. Css kodlarını da deneyeceğim teşekkür ederim.