Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.04.2013, 14:38
Интересующийся
Отправить личное сообщение для enselerizer Посмотреть профиль Найти все сообщения от enselerizer
 
Регистрация: 19.04.2013
Сообщений: 13

Нужна небольшая помощь в модификации скрипта
Всем привет!
Нужна небольшая помощь в модификации скрипта.

Что уже имеется:
$(document).ready(function(){

	// hide #back-top first
	$("#back-top").hide();
	
	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});

		// scroll body to 0px on click
		$('#back-top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});
	});

});

(скрипт для прокрутки страницы)

Задача:
При клике сменить картинку (добавить в css строчку), а при достижении верха страницы поставить исходную картинку обратно (убрать строчку).

Что должно получиться:
При клике на картинки и прокрутке наверх картинка меняется, при достижении верха картинка исчезает, при прокрутке вниз картинка опять исходная.

Жду помощи, зарание спасибо...

Последний раз редактировалось enselerizer, 19.04.2013 в 14:42.
Ответить с цитированием
  #2 (permalink)  
Старый 19.04.2013, 14:45
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

$('#back-top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
         $('куда добавить').css('background':' image-url(image.png);')
		});
	});

});

остальные действия по тому же принципу
Ответить с цитированием
  #3 (permalink)  
Старый 19.04.2013, 20:30
Интересующийся
Отправить личное сообщение для enselerizer Посмотреть профиль Найти все сообщения от enselerizer
 
Регистрация: 19.04.2013
Сообщений: 13

Спасибо большое!
Ответить с цитированием
  #4 (permalink)  
Старый 19.04.2013, 20:45
Интересующийся
Отправить личное сообщение для enselerizer Посмотреть профиль Найти все сообщения от enselerizer
 
Регистрация: 19.04.2013
Сообщений: 13

Хм, попробовал вот так:
$(document).ready(function(){

	// hide #back-top first
	$("#back-top").hide();
	
	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});

		// scroll body to 0px on click
		$('#back-top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
			$('#back-top span').css('background':' #ddd url(up-arrow2.png) no-repeat center center;');
		});
	});

});


В итоге картинка перестала исчезать при прокрутке наверх, а стиль не изменяется.
Ах да, и прокрутка стала не плавной, а рывком,

Последний раз редактировалось enselerizer, 19.04.2013 в 20:48.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужна помощь по доработке скрипта отсчета времени tavrik83 Общие вопросы Javascript 3 26.03.2013 16:22
Два скрипта конфликтуют. Нужна помощь! TaH4uk.pro jQuery 0 01.12.2012 18:47
Нужна помощь в оптимизации нагруженного скрипта antibot Элементы интерфейса 0 31.10.2011 15:45
Нужна быстрая небольшая помощь. Плачу 5wmz Zuzlan Работа 3 25.02.2009 15:45
Нужна помощь в завершении скрипта - если конечно не трудно. Rush Общие вопросы Javascript 11 18.10.2008 14:06