Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Edycja skrptu i okno powiadomień
Forum PHP.pl > Forum > PHP
e-siskin
Cześć, potrzebuję pomocy z skryptem, z góry mówię że na tym się nie znam :/ Zajmuję się grafiką.

Chodzi o ten skrypt:

Kod
      <script type="text/javascript">
    $(document).ready(function() {$('.viewport').mouseenter(function(e) {
$(this).children('a').children('img').animate({ height: '183', left: '0', top: '0', width: '270'}, 300);
            $(this).children('a').children('span').fadeIn(200);
        }).mouseleave(function(e) {
            $(this).children('a').children('img').animate({ height: '143', left: '0', top: '0', width: '230'}, 1);
            $(this).children('a').children('span').fadeOut(1);
        });
    });
    </script>


Jest to takie przyciemnienie po najechaniu myszą, wyświetlenie opisu i zoom miniaturki pod (coś typu do miniaturek w portfolio). Mam jednak z tym mały problem. Chciałbym aby to przybliżało się centralnie do środka, a ten skrypt przybliża do lewego górnego rogu. Prosiłbym o edycję jeżeli można.


Druga sprawa to poszukuję jak zrobić komunikat po kliknięciu wyślij w formularzu kontaktowym. Chodzi o to, że jak ktoś zastwierdzi to wyskoczy mu tak jakby nałożone info (jak reklamy się wyświetlają) gdzie będzie napisane: Wiadomość wysłana pomyślnie. Odpowiedź zostanie udzielona blablabla biggrin.gif

Z góry dzięki, pozdrawiam smile.gif
KotWButach
ktoś tu pomylił działy?
e-siskin
Jaaaa

Ktoś mi tu pomoże? Ja idę płakać jak tak biggrin.gif
cudny
Nie jesteś w stanie tebo wycentrować względem ekranu, bo masz pozycje absolutną obrazka względem pierwszego rodzica z atrybutem position.
Musisz sobie javascriptem zaczytać pozycję rodzica, zaczytać szerokość ekranu i dopiero wycentrować to dzięki tym danym i pozycjonować względem ekranu.
Ale gotowca nikt nie będzie pisał.

Coś w stylu:

  1. <script type="text/javascript">
  2.  
  3. // szerokość okna
  4. var width = $(window).width()
  5.  
  6. $(document).ready(function() {$('.viewport').mouseenter(function(e) {
  7.  
  8. // upewnienie się, że pozycja rodzica jest ustawiona
  9. var pos = $(this).css('position')
  10. if(!pos) $(this).css('position','relative');
  11. // pobieranie pozycji rodzica
  12. var pOffset = $(this).offset()
  13.  
  14. // pobieranie prawidłowej pozycji wycentronej dla obrazka wzgledem okna
  15. var posLeft = ( (width-270)/2 ) - pOffset.left;
  16.  
  17. $(this).children('a').children('img').animate({ height: '183', left: posLeft, top: '0', width: '270'}, 300);
  18. $(this).children('a').children('span').fadeIn(200);
  19. }).mouseleave(function(e) {
  20. $(this).children('a').children('img').animate({ height: '143', left: '0', top: '0', width: '230'}, 1);
  21. $(this).children('a').children('span').fadeOut(1);
  22. });
  23. });
  24. </script>


Sprawdź czy Ci to zadziała bo pisałem z palca, jak nie to kombinuj
BTW. e-siskin - zacznij się uczyć CSS + HTML + javascript (tutaj do tego korzystasz z jQuery - najpopularniejszego obecnie frameworka javascript) bo grafik bez podstaw javascript i znajomości CSS + HTML to tylko... yyy... grafik. Powinieneś współpracować z jakimś programistą, który pisze kod w JS i umieć w nim nanosić poprawki związane z CSS i HTML - takie są dzisiejsze realia smile.gif
Acha - proszę modka, aby przeniósł to do javascript

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.