wtorek, 7 października 2014

Fabebook Slider

O i tak... naszło mnie żeby coś napisać bo nie miałem gdzie tego wstawić. No przecież takiego kodu nie będe dodawał na GitHub'a co nie? :D Tak więc no...
Popełniłem takie coś jak Slider "Lubie to" znany jako LikeBox itp itd.

opierałem się na jQuery i w sumie tylko tyle... ;)

Tak więc bez zbędnego pisania...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){var isVisible;$(".facebook-likebox").click(function(){isVisible=!isVisible;if(isVisible) $(this).stop().animate({left:"0"});else $(this).stop().animate({left:"-205"});});});</script>
<style>.facebook-likebox{background: url("http://gry-skyware.pl/banners/fb_slider.png") no-repeat;display:block;float:left;position:fixed;width:240px;height:400px;left:-205px;top:100px;}
.facebook-likebox iframe{border:none;overflow:hidden;width:200px;height:363px;}</style>
<div class="facebook-likebox"><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FGrySkyware&amp;width=200&amp;height=363&amp;header=false&amp;colorscheme=dark&amp;show_border=false" scrolling="no" frameborder="0" allowTransparency="true"></iframe></div>

wystaczy zmienić "www.facebook.com%2FGrySkyware" na swoją strone ;)

Brak komentarzy:

Prześlij komentarz