0

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

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





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


Демо 1                        Демо 2


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

<style>#abt-scroll{position:fixed;z-index:9999;bottom:0;left:10px;top:380px!important;}
#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://3.bp.blogspot.com/-y7CTiiR2aBU/Wcu4H7AkmtI/AAAAAAAACwM/8mmry5ttOPgCOwJIKIpNM2n_ZyIr95ZngCLcBGAs/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://1.bp.blogspot.com/-gpimEvetJGo/Wcu2gRFCkiI/AAAAAAAACwA/KIlNSQEG8t0JCw7nwC0cjChy8huaE_TdACLcBGAs/s1600/play.png");}</style>
<script type='text/javascript'>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',60)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id='abt-scroll'>
<a class='abt-scroll' href='javascript:autoScroll();' rel='nofollow' title='Play'>Play</a>
<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Pause'>Пауза</a>

</div>




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

<style>#abt-scroll{position:fixed;z-index:9999;bottom:0;left:10px;top:380px!important;}
#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://lh3.googleusercontent.com/-7rb1Y75HYg0/Wx9nf3d4S1I/AAAAAAAAIPU/69nb_wUPJtc105Jul-RGKb5c2V6hX_-PgCEwYBhgL/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://lh3.googleusercontent.com/-9OYv5FbCy3k/Wx9ndPXGaoI/AAAAAAAAIPI/3mJRJNHzvcEUX2ucKtnyGPUUZgWjAUqVwCLcBGAs/h120/play1.png");}</style>
<script type='text/javascript'>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',60)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id='abt-scroll'>
<a class='abt-scroll' href='javascript:autoScroll();' rel='nofollow' title='Play'>Play</a>
<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Pause'>Пауза</a>

</div>




Инсталирайте избрания код в притурката HTML / JavaScript и я позиционирайте някъде в оформлението на блога.

В кода можете да промените:

➤изображенията на бутоните - оцветеното в синьо са адресите на изображенията, можете да сложите свои;

➤размера на бутоните - оцветеното в червено, променете, както вие прецените;

➤скоростта на превъртане - оцветеното в зелено, в случая е 60;

➤разположението на притурката - оцветено в розово - лесно се заменя left с right;




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


Това е.

Всички сте добре дошли тук и благодаря за вашето посещение.




Text.ru - 100.00%



Няма коментари :

Винаги се радвам на Вашето мнение


Copyright © БЛОГ ЗА БЛОГОВЕ©2016-| Original style & code - magentawave.com | Всички права запазени |
Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита