Притурки. Автоматично превъртане на страница в блог на Blogger

Pepa Tabakova

сряда

Притурки. Автоматично превъртане на страница

Здравейте, приятели. Предлагам ви едно приспособление за автоматично превъртане на страница от блога ви, било на публикация или статична. То е с два бутона, за стартиране и спиране на превъртането.
По-рано имах запазена в черновите си подобна публикация за такава опция, но тя така си и остана на чернова. Досещате се, че кодът, който осъществяваше тази опция спря да работи. И затова днес ви предлагам една алтернатива.
Представете си тази ситуация. Попаднали сте на нещо много интересно. Текст от любим ваш блог. Текст, който е достатъчно голям. Текст, който ви предизвиква да споделите мнение, да напишете коментар, да зададете въпрос. Но това изисква добре да анализирате прочетеното и да си водите бележки, например. А и двете ви ръце се налага да са свободни. И вместо да въртите с колелцето на мишката монотонно, докато ви се схване ръката, натискате единия бутон и четете, и водите бележките си едновременно с това. Да, може и дори с чаша кафе в ръка.
Това, което ви предлагам е за вашите постоянни читатели. За най-активно коментиращите читатели на вашия блог.
Ето за какво става въпрос. Бутоните са вляво, в два различни варианта на техните изображения.

DEMO-1

DEMO-2
А кодът на първия вариант е:

#abt-scroll a{display:block;float:left;width:32px;height:32px;text-indent:-999em; padding: 3px!important;}

#abt-scroll a.abt-scroll{font-family:FontAwesome;border-radius:50%;}

#abt-scroll a.abt-stop{font-family:FontAwesome;margin-left:2px;border-radius:50%;}

#abt-scroll a.abt-stop{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihSgM6P19jtdrc47MvxHwcrwnJH3ohNssUlxq47RWUOgL-9ODwaR4c_0Fz3GW0YrifN4oRag0JAsw7mtYIOUAf16vqTFKj610Pt9jPsXzAqB-LFVYkusy8uKFCPb1710d4lQug0Uah1tFY/s1600/pause.png");}

#abt-scroll a.abt-scroll{width:33px;height:33px;!important;}

#abt-scroll a.abt-stop{width:34px;height:34px;}

#abt-scroll a.abt-scroll{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzux10sHor8ub1CJTVbCWEIwNgdK9JQt-f-6ulEViu8G5zbuNR_GqfVQujgWnmbD8cL_6tSXu_ezBywWVvB14iWVE59be5zidkZzsZMPoMY33JF3aw8SjqxMtCeqhgsosAhgb1ISeIuV3s/s1600/play.png");}</style>

function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',60)}

function stopScroll(){clearTimeout(scrolldelay)}

</script>

<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Pause'>Пауза</a>

</div>

Кодът на втория вариант е:

#abt-scroll a{display:block;float:left;width:32px;height:32px;text-indent:-999em; padding: 3px!important;}

#abt-scroll a.abt-scroll{font-family:FontAwesome;border-radius:50%;}

#abt-scroll a.abt-stop{font-family:FontAwesome;margin-left:2px;border-radius:50%;}

#abt-scroll a.abt-stop{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYoebG-q_Hp8BwoY2it5ehAizIYPnzYN5bk9aEdMhnYsIVkhdNwyzAZ2AVxG3YGBUIr7-a8x7TqmZSQp9s09FjK_MJxc_ZmyqxULA6E9Sb1ToT7hK4bXwEhhtGHbUXmRPqNaqfgeFRbiw/h120/Pause-Button1.png");}

#abt-scroll a.abt-scroll{width:33px;height:33px;!important;}

#abt-scroll a.abt-stop{width:34px;height:34px;}

#abt-scroll a.abt-scroll{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz1L0Jyk86YhxBT5CE6p0tO4x4QmFWGNjJiieL6QepYsRBILOcQr_TuenaBLyN6_ai2j2al1NrkMvYMQf8xcfGzrtWdk_9hEwFZAXq8780hPvoSAFwYBvFpJt4_Tq_UXsb971k9qzyJ5c/h120/play1.png");}</style>

function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',60)}

function stopScroll(){clearTimeout(scrolldelay)}

</script>

<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Pause'>Пауза</a>

</div>

Инсталирайте избрания код в притурката HTML / JavaScript и я позиционирайте някъде в оформлението на блога.
В кода можете да промените:
➤изображенията на бутоните - оцветеното в синьо са адресите на изображенията, можете да сложите свои;
➤размера на бутоните - оцветеното в червено, променете, както вие прецените;
➤скоростта на превъртане - оцветеното в зелено, в случая е 60;
➤разположението на притурката - оцветено в розово - лесно се заменя left с right;

Ако вместо left сложите right, top или bottom е желателно да пренаредите кода, за да смените местата на бутоните в него. Ако желаете, пробвайте.

Това е.
Всички сте добре дошли тук и благодаря за вашето посещение. Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и гласувате за блога на:

Следвайте Blogzablogove

Cancel

PEPA TABAKOVA