Jump to content

Hosting dHosting.pl - 10% rabat!

Sign in to follow this  
Wilhelm1720

Zmieniające się obrazki na stronie głównej.

Recommended Posts

Witam mam pytanie jak dodać kilka zdjęć które będą się zmieniały co kilka sekund? Szukałem takiego czegoś na forum i w internecie, ale wszędzie są urywki informacji lub nie spójne dane... A sam nie mogę sobie z tym poradzić :<

Share this post


Link to post
Share on other sites

Jaka wersja forum?

  • Like 1

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Share this post


Link to post
Share on other sites

A można prosić o jakieś objaśnienie? Budowę kodu rozumiem. Ale nie rozumiem gdzie dokładnie co ma być tzn...

 

HTML kod to tam gdzie mają być obrazki wyświetlane. Ale javascript kod gdzie mam umieścić?

Share this post


Link to post
Share on other sites

Coś nie działa :< A script jakoś nie powinien być zdefiniowany? Bo samego <script> nigdzie nie widzę w szablonie jaki edytuje. Ale za to są np:

<script type='text/javascript'> itp itd.

Share this post


Link to post
Share on other sites

A jakieś wytłumaczenie do tego? J.Angielski nie jest moją mocną stroną... Za moich czasów był niemiecki i rosyjski xD

Share this post


Link to post
Share on other sites

Próbowałem też domyślnie

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
// Code that uses other library's $ can follow here.
$(function() {
    var images_array = [
        "http://dummyimage.com/120x90/f00/fff.png&text=my+image1",
        "http://dummyimage.com/120x90/0f0/fff.png&text=my+image2",
        "http://dummyimage.com/120x90/00f/fff.png&text=my+image3",
        "http://dummyimage.com/120x90/ff0/fff.png&text=my+image4",
        "http://dummyimage.com/120x90/0ff/fff.png&text=my+image5"
        ];

    var i = 0;
    var len = images_array.length;
    var $img = $('#myImage');

    setInterval(function() {
        $img.attr('src', images_array[i++ % len]);
    }, 1000);
});
</script>

Share this post


Link to post
Share on other sites

Wklej przed </head>

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
var jq = jQuery.noConflict();

jq(document).ready(function () {
    var images_array = [
        "http://dummyimage.com/120x90/f00/fff.png&text=my+image1",
        "http://dummyimage.com/120x90/0f0/fff.png&text=my+image2",
        "http://dummyimage.com/120x90/00f/fff.png&text=my+image3",
        "http://dummyimage.com/120x90/ff0/fff.png&text=my+image4",
        "http://dummyimage.com/120x90/0ff/fff.png&text=my+image5"
        ];

    var i = 0;
    var len = images_array.length;
    var img = jq('#myImage');

    setInterval(function() {
        img.attr('src', images_array[i++ % len]);
    }, 1000);
});
</script>
  • Like 1

Share this post


Link to post
Share on other sites

Działa dzięki wielkie. Jeszcze parę poprawek i git ;D A powiedz mi czy da się jakoś do tego podpiąć by pod każdym innym obrazkiem był ukryty inny odnośnik?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.