Obrazek jest ale nie ma linku do niego.

Post24 sty 2015, 19:11

To jest skrypt zmieniający gify, co jakiś czas, tylko nie ma opcji, że klikasz na dany gif i się otwiera stronka. Podam kod, może coś wymyślicie.

function SlideShow()
{
if(i>=obrazki.length-1)
i=0;
else
i++;
obrazek=katalog+obrazki[i];
cel.src=obrazek;
setTimeout("SlideShow()",czas*500);
}

function InitSlideShow()
{
i=0;
cel = document.getElementById('pic1');
katalog="../images/firmy/";
obrazki = new Array('1.png','2.png');
czas=8; // w sekundach
SlideShow();
}

window.onload=InitSlideShow;

Był bym wdzięczny.

-- 24 sty 2015, 19:10 ---

Ok, można zamknąć temat.

Post25 sty 2015, 22:31

Jak znalazłeś rozwiazanie to podziel się nim, może ktoś będzie szukał odpowiedzi na podobne pytanie w przyszłości i trafi tutaj.

Post25 sty 2015, 22:37

Spoko, jak znajdę chwilkę to wszystko opisze i podam. 8-)

Post26 sty 2015, 00:07

Przykład:

Kod: Zaznacz cały

http://www.dyn-web.com/code/rotate_images/

Pobierz plik i zerknij na kod w JS.

Post26 sty 2015, 11:13

Tutaj przygotowałem dany skrypt:

Kod: Zaznacz cały

<!DOCTYPE html>

<!-- To wazne -->
    <html lang="pl" dir="ltr" class="no-js">
<!-- To wazne   -->  

        <head>
            <meta charset="UTF-8">
            
            
<!-- To wazne -->
            <script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<!-- To wazne -->
                  
            <title>Ehhhh</title>

<!-- To wazne -->            
                  <style>
            .slider li, .js .slider li.active
            {
                display: block;
            }
            .js .slider li
            {
                display: none;
            }
            </style>
<!-- To wazne -->
            
            
        </head>
        <body>
           
<!-- To wazne -->

            <ul class="slider" id="slider">
                <li class="active">
                    <a href="http://forum.hotfix.pl/uzytkownik65.html"><img src="http://forum.hotfix.pl/download/file.php?avatar=65_1298720616.png" alt=""></a>
                </li>
                <li>
                    <a href="http://forum.hotfix.pl/uzytkownik747.html"><img src="http://forum.hotfix.pl/download/file.php?avatar=747_1264113892.jpg" alt=""></a>
                </li>
                <li>
                    <a href="http://forum.hotfix.pl/uzytkownik46375.html"><img src="http://forum.hotfix.pl/download/file.php?avatar=46375_1394371067.png" alt=""></a>
                </li>
            </ul>

                  
                  
                  
            <ul class="slider" id="slider2">
                <li class="active">
                    <a href="http://forum.hotfix.pl/uzytkownik747.html"><img src="http://forum.hotfix.pl/download/file.php?avatar=747_1264113892.jpg" alt=""></a>
                </li>
                <li>
                    <a href="http://forum.hotfix.pl/uzytkownik65.html"><img src="http://forum.hotfix.pl/download/file.php?avatar=65_1298720616.png" alt=""></a>
                </li>
                <li>
                    <a href="http://forum.hotfix.pl/uzytkownik65.html"><img src="http://forum.hotfix.pl/download/file.php?avatar=65_1298720616.png" alt=""></a>
                </li>
            </ul>
<!-- To wazne   -->          
            
        </body>

            
<!-- To wazne   -->
        <script>
        var Slider = function(selector, time)
        {
            time = time * 1000 || 1000;
            this.element = document.querySelector(selector);

            if(!this.element)
                throw new Error('Given element does not exist');

            this.slides = this.element.getElementsByTagName('li');
            this.current = 0;
            this.time = time;
            this.timer = null;

            this.timer = setTimeout(this.run.bind(this), time);
        };

        Slider.prototype.run = function()
        {
            var slides = this.slides
            ,current = this.current
            ,prev = current;

            if(++current > slides.length - 1)
                current = 0;

            slides[prev].classList.remove('active');

            slides[current].classList.add('active');

            this.current = current;

            this.timer = setTimeout(this.run.bind(this), this.time);
        }

        new Slider('#slider', 2); //podaje sie temu jako 1. parametr selektor elementu slidera, a jako drugi czas w sekundach po jakim obrazek sie zmienia

        new Slider('#slider2', 3); //mozna miec kilka niezaleznych na stronie
        </script>
<!-- To wazne   -->
        
    </html>

Użyłem gify z naszego forum, jak coś nie pasuje to mówić albo zmienić.

Wszystko znajduje się na jednej stronie, ale można podzielić osobno na .js , .css