Помогите чайнику в пхп)))

Discussion in 'PHP' started by BlueMarine, 21 Sep 2010.

  1. BlueMarine

    BlueMarine New Member

    Joined:
    18 Sep 2010
    Messages:
    0
    Likes Received:
    2
    Reputations:
    0
    Мне нужно чтобы при нажатии на странице на картинку она увеличивалась и после увеличения воспроизводился мп3 или амр файл. А вообще реально это? Или может на яваскрипте можно? просто нужно в технарь и нигде не могу найти похожее :mad:
     
  2. OSW

    OSW Elder - Старейшина

    Joined:
    12 Jul 2007
    Messages:
    320
    Likes Received:
    54
    Reputations:
    7
    яваскрипт.
    onClick, к примеру.
     
  3. 0ldbi4

    0ldbi4 Elder - Старейшина

    Joined:
    14 Apr 2008
    Messages:
    264
    Likes Received:
    51
    Reputations:
    10
  4. Welemir

    Welemir Elder - Старейшина

    Joined:
    10 Jan 2008
    Messages:
    229
    Likes Received:
    11
    Reputations:
    -4
    Актуально?
     
  5. BlueMarine

    BlueMarine New Member

    Joined:
    18 Sep 2010
    Messages:
    0
    Likes Received:
    2
    Reputations:
    0
    Да конечно, никто еще не дал конкретного ответа.
     
  6. OSW

    OSW Elder - Старейшина

    Joined:
    12 Jul 2007
    Messages:
    320
    Likes Received:
    54
    Reputations:
    7
    А ты думаешь что здесь тебе все сделают и подадут на блюдце?
    красивое увеличение картинки и проч. - кури в сторону jquery. Есть много варантов использования данной библиотеки. В сети инфы по jquery навалом.
    А как привязать к событию по клику всплывание+воспроизведение - читай маны к jquery, там все доступно и подробно описано.
     
  7. BlueMarine

    BlueMarine New Member

    Joined:
    18 Sep 2010
    Messages:
    0
    Likes Received:
    2
    Reputations:
    0
    ап ап ап
     
  8. FindeR

    FindeR Elder - Старейшина

    Joined:
    15 Nov 2006
    Messages:
    623
    Likes Received:
    138
    Reputations:
    20
    Что "ап ап ап"?
    Тебе уже и ссылку дали на скрипты, и объяснили, на чём писать.
    Если нужна готовая вещь с описанием - в работу пиши.
     
  9. shadowrun

    shadowrun Banned

    Joined:
    29 Aug 2010
    Messages:
    842
    Likes Received:
    170
    Reputations:
    84
    А мне кажется, что перед подругой рисануться хочешь :D.
    На ХыТыМыЛы даже можно...
     
  10. FindeR

    FindeR Elder - Старейшина

    Joined:
    15 Nov 2006
    Messages:
    623
    Likes Received:
    138
    Reputations:
    20
    Научишь?
     
  11. shadowrun

    shadowrun Banned

    Joined:
    29 Aug 2010
    Messages:
    842
    Likes Received:
    170
    Reputations:
    84
    Берём img, делаем видтх и хэигхт маленьких размеров,
    оформляем наш имг в виде <a с хрефом на другой вебпейдж с нормальным размером изображения и фоноой музыкой... :D :D :D
     
  12. FindeR

    FindeR Elder - Старейшина

    Joined:
    15 Nov 2006
    Messages:
    623
    Likes Received:
    138
    Reputations:
    20
    Она не увеличится, а в новом окне откроется.
    Да и вряд ли mp3'шка будет ждать, пока картинка загрузится...
     
  13. barnaki

    barnaki Elder - Старейшина

    Joined:
    2 Nov 2008
    Messages:
    676
    Likes Received:
    130
    Reputations:
    4
    скачай отсюда из раздела downloads файл source code. там на какой то странице есть такой прикол как тебе надо. по клику на изображение оно увеличивается а потом исчезает. поставь себе что нить типа eclipse или php storm . (проги для того чтобы кодить в них) и допустим в php storm нажимаешь ctrl и на ту функицию. посмотришь какая там функция onclick вызывается. так вот смотришь что там за функция и как оно увеличивает изображение. перед тем как его убрать. специально для тебя посмотрел. там в главе 5 ссылка custom effects demo. так по нажатию на scale оно увеличивает. код такой
    Code:
    $(function(){
    
            $('#scaleButton').click(function(){
              $('#testSubject').each(function(){
                $(this).animate(
                  {
                    width: $(this).width() * 2,
                    height: $(this).height() * 2
                  },
                  'slow'
                );
              });
            });
    
            $('#dropButton').click(function(){
              $('#testSubject').each(function(){
                $(this)
                  .css('position','relative')
                  .animate(
                    {
                      opacity: 'hide',
                      top: $(window).height() - $(this).height() -
                           $(this).position().top
                    },
                    'slow',
                    function(){ $(this).hide(); });
              });
            });
    
            $('#puffButton').click(function(){
              $('#testSubject').each(function(){
                var position = $(this).position();
                $(this)
                  .css({position:'absolute',top:position.top,
                        left:position.left})
                  .animate(
                    {
                      opacity: 'hide',
                      width: $(this).width() * 5,
                      height: $(this).height() * 5,
                      top: position.top - ($(this).height() * 5 / 2),
                      left: position.left - ($(this).width() * 5 / 2)
                    },
                    'normal');
              });
            });
          });
    делаешь onclick width: $(this).width() * 5,
    height: $(this).height() * 5, и оно увеличивается. и backgroundsound подключаешь
    все го то делов.