06-August-2018, 19:00:07
Witam,
Chciałbym troszkę urozmaicić "Background" tła na forum.
Krótko opisując:
Tło będzie reagowało na ruch wskaznika myszy.
[UWAGA!] Chciałbym też zalecić zapisać kopię zapasową strony, ponieważ nie wiem czy do końca to zadziała...
Tam gdzie wpisałem "ROZDZIELCZOŚĆ" - Trzeba wpisać proporcje strony.
Np. var bgWidth = 1600
var bgHeight = 900
------------TO OCZYWIŚCIE PRZYKŁAD PROPORCJI NA MOIM LAPTOPIE-----------
Polecam wpisać w bgWidth i bgHeight propocje forum!
A oto komenda:
__________________________________________________________
$(window).load(function() {
$('.bg').on('mousemove', function(e) {
var divisor = 4;
var bgWidth = ROZDZIELCZOŚĆ;
var bgHeight = ROZDZIELCZOŚĆ;
var mousePosX = e.pageX - $(this).offset().left;
var mousePosY = e.pageY - $(this).offset().top;
var mouseMoveX = (mousePosX - $(this).width()/2)/divisor;
var mouseMoveY = (mousePosY - $(this).height()/2)/divisor;
$(this).css('background-position', (-(bgWidth-$(this).width())/2+mouseMoveX)+'px '+(-(bgHeight-$(this).height())/2+mouseMoveY)+'px');
});
});
__________________________________________________________
Jeśli by to pomogło to dziękuję za skorzystanie tej komendy ^^
Chciałbym troszkę urozmaicić "Background" tła na forum.
Krótko opisując:
Tło będzie reagowało na ruch wskaznika myszy.
[UWAGA!] Chciałbym też zalecić zapisać kopię zapasową strony, ponieważ nie wiem czy do końca to zadziała...
Tam gdzie wpisałem "ROZDZIELCZOŚĆ" - Trzeba wpisać proporcje strony.
Np. var bgWidth = 1600
var bgHeight = 900
------------TO OCZYWIŚCIE PRZYKŁAD PROPORCJI NA MOIM LAPTOPIE-----------
Polecam wpisać w bgWidth i bgHeight propocje forum!
A oto komenda:
__________________________________________________________
$(window).load(function() {
$('.bg').on('mousemove', function(e) {
var divisor = 4;
var bgWidth = ROZDZIELCZOŚĆ;
var bgHeight = ROZDZIELCZOŚĆ;
var mousePosX = e.pageX - $(this).offset().left;
var mousePosY = e.pageY - $(this).offset().top;
var mouseMoveX = (mousePosX - $(this).width()/2)/divisor;
var mouseMoveY = (mousePosY - $(this).height()/2)/divisor;
$(this).css('background-position', (-(bgWidth-$(this).width())/2+mouseMoveX)+'px '+(-(bgHeight-$(this).height())/2+mouseMoveY)+'px');
});
});
__________________________________________________________
Jeśli by to pomogło to dziękuję za skorzystanie tej komendy ^^