lostyazilim
tr.link

Wordpress Eklenti Bulamadım

4 Mesajlar 807 Okunma
lstbozum
tr.link

Anarchosa Anarchosa WM Aracı Kullanıcı
  • Üyelik 23.04.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Akademik
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 860
  • Beğeniler 47 / 49
  • Ticaret 2, (%100)



arkadaşlar kısacası böyle yapmak istiyorum Our Portfolio yazan yerde hareketli resimler duruma göre değişiklik gösreriyor ben birini tıkladığımmda sadece VİDEO AÇILSIN İSTİYORUM ARKA PLANI KARANLLIK OLSUN

http://veented.com/themes/north/home3/

Wordpress video tıkladığımda arkaplanı böyle nasıl yapabilirim.
 

 

wmaraci
reklam

Umur09 Umur09 :/ Kullanıcı
  • Üyelik 31.05.2016
  • Yaş/Cinsiyet 29 / E
  • Meslek dev.
  • Konum İstanbul Anadolu
  • Ad Soyad U** A**
  • Mesajlar 131
  • Beğeniler 21 / 55
  • Ticaret 1, (%100)
Merhaba, bir proje için böyle bir şeye ihtiyacım olmuştu. Oturup kendim yazmayı tercih ettim. ID'si videos olan bir section içine a etiketi açıyoruz. href'ine videonun embed kodunu yazıyoruz. Sonrasında javascript ve css kodlarını çağırıyoruz.

Gerekli jQuery Kodu

$(document).ready(function(){



$(document).keyup(function(e) {
if (e.keyCode === 27) {
$('.closeVideo').click();

} // esc
});

$("#videos a").click(function(){
var link = $(this).attr("href");
$(".toggle").click();
$("#videoPopup").show();
$("#videoPopup section").html('');
$(".closeVideo").show();
return false;
});

$(".closeVideo").click(function(){
$("#videoPopup").hide();
$(this).hide();
});

});


Gerekli HTML Kodu









Gerekli CSS Kodu

#videos a{display:inline-block;width:50%;}
img.thumbnail {max-width:100%;}
section#videos {display:flex;padding:0 0.75em;}
#videoPopup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:99999;background-color:rgba(0,0,0,0.9);border:1px solid #000;display:none;}
#videoPopup section{height:80%;width:80%;margin:0 auto;margin-top:5%;}
#videoPopup .closeVideo{position:absolute;right:50px;top:50px;background-image:url('images/close.svg');background-size:100%;width:64px;height:64px;}


Gerekli HTML Kodu






Anarchosa FikirdenSanata

kişi bu mesajı beğendi.

Anarchosa Anarchosa WM Aracı Kullanıcı
  • Üyelik 23.04.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Akademik
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 860
  • Beğeniler 47 / 49
  • Ticaret 2, (%100)
wordpress bunu nasıl ekleme yapacağız yardımcı olabilirmisiniz
 

 

Anarchosa Anarchosa WM Aracı Kullanıcı
  • Üyelik 23.04.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Akademik
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 860
  • Beğeniler 47 / 49
  • Ticaret 2, (%100)
sorun devam ediyor Umur09 hocam sizinki wordpress nasıl yapacağımı bilmiyorum yardımcı olabilirmisiniz?
 

 

wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al