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

[Wilhelm1720]

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ć :<

[DawPi]

Jaka wersja forum?

[Macsch15]

Automatyczna wiadomość

Temat przeniesiony z forum

Invision Power Board → Poprzednie wersje → Invision Power Board 3.2 → Style - pomoc

do

Ogólne → Web & Hosting & Grafika

[Macsch15]

http://jsfiddle.net/8GkS7/

 

Zobacz też sobie jQuery Cycle http://jquery.malsup.com/cycle/

[Wilhelm1720]

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ć?

[Macsch15]

np. między <script> a </script> w szablonie.

[Wilhelm1720]

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.

[Macsch15]

Nie musi. Pamiętaj żeby użyć: https://api.jquery.com/jquery.noconflict/

[Wilhelm1720]

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

[Wilhelm1720]

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>

[Macsch15]

W jakim miejscu mają się wyświetlać te grafiki?

[Wilhelm1720]

http://e-rp.pl/index.phpW informacje partnerzy takie miejsce grafik.

[Macsch15]

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>

[Wilhelm1720]

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?

[Macsch15]

Musisz sam pokombinować, zobacz sobie np. na: http://stackoverflow.com/a/20340552

[Macsch15]

Automatyczna wiadomość

Temat przeniesiony z forum

Ogólne → Web & Hosting & Grafika

do

Invision Power Board → Poprzednie wersje → Invision Power Board 3.2 → Style - pomoc