Zdjęcie przekierowujące na stronę główną

Siemka, potrzebuje pomocy, mianowicie chodzi mi o to, żeby po wejściu na stronę pokazywało się zdjęcie na całej stronie i dopiero po wciśnięciu na nie przekierowało na stronę właściwą z efektem zanikania zdjęcia, próbowałem zrobić to jako osobną podstronę jednak nijak udało mi się uzyskać efekt zanikania. Próbowałem googlować w języku polskim/angielskim jednak w niczym mi to nie pomogło. Pozdrawiam i liczę na pomoc (może jakieś pomocne linki?)

żeby nie kombinować niepotrzebnie i nie podawać rozwiązania, które częściowo pasuje do Twojego problemu - podaj przykład strony, która realizuje to, czego oczekujesz

http://www.jakubrybicki.pl/blog-2/

Efekt taki jak tutaj, po przejściu założmy z "Home" do "Blog", z tym, że na mojej stronie będzie zdjęcie, które się wyświetla się na całym obszarze przeglądarki, a następnie po wciśnięciu dowolnego punktu na nim, będzie przechodziło w stronę główną z efektem takiego zaniknięcia właśnie.

http://adventureworld.ourentry.com.au/
Tak jak tutaj, tyle, że tutaj brak tego efektu, jest zwykłe przekierowanie na stronę.

możesz to zrobić na zasadzie banera z zanikaniem (wygooglaj), tylko nie wiem czy to dobry pomysł, zwykłych userów może to dezorientować\denerwować tym bardziej na urządzeniach mobilnych

Nie wiem, czy o to chodzilo, ale moze Ci sie przyda: http://jsfiddle.net/aL5x9f8u/3/

http://jsfiddle.net/aL5x9f8u/4/ tutaj wersja nr 2

Wersja numer 2! Dokładnie o to mi chodziło. Dziękuję bardzo wszystkim.

Mam jeszcze jeden problem, mianowicie użyłem skryptu do "przyklejania" menu podczas scrollowania w dół i podczas scrollowania w dół pojawia mi się ono, da radę zablokować tak, aby nie działał podczas używania skryptu numer 2, który podesłał Fi3rce?

<script src="jquery-1.11.3.min.js"></script> 
	<script>

$(document).ready(function() {
   var stickyNavTop = $('.nav').offset().top;

   var stickyNav = function(){
   var scrollTop = $(window).scrollTop();

   if (scrollTop > stickyNavTop) { 
      $('.nav').addClass('sticky');
   } else {
      $('.nav').removeClass('sticky');
    }
   };

   stickyNav();

   $(window).scroll(function() {
      stickyNav();
   });
   }); 

$('html, body').css({
            'overflow': 'auto',
                'height': 'auto'
        });


$('html, body').css({
        'overflow': 'hidden',
        'height': '100%'
    });

Pierwsze włącza scrolla, drugie go wyłącza. W fidlu nr 2 po kliknieciu jest wlaczany scroll, ustaw go defaultowo w css tak jak w pierwszym fragmecie kodu i masz problem z glowy (oczywiscie tylko tam gdzie chcesz taki efekt uzyskac).