1. Гость, мы просим Вас ознакомиться с Правилами Форума и Отказом от ответственности!

Видео HTMl

Тема в разделе 'HTML и CSS', создана пользователем Tails, 8 авг 2014.

  1. TopicStarter Overlay

    Tails B L A C K    L I S T Пользователи

    Сообщения:
    64
    Лайки:
    8
    Пол:
    Мужской
    Репутация:
    0
    Команда:
    UniPW
    Ребят как сделать чтоб при нажатии картинки выдвигалось видео? и кнопка задвинуть обратно
    Зарание спс

    Вложения:

    • _S1Ql2U4QtM.jpg
      _S1Ql2U4QtM.jpg
      Размер файла:
      137,9 КБ
      Просмотров:
      74
    • 1.png
      1.png
      Размер файла:
      772 КБ
      Просмотров:
      70
  2. Narkotik Guest

    Репутация:
    0
    Самому интересно.
    Ковырнул исходник, можно попробовать скопировать с заменой ссылок на свои.
    Правда у меня нет платформы проверить.
    [​IMG]
  3. TopicStarter Overlay

    Tails B L A C K    L I S T Пользователи

    Сообщения:
    64
    Лайки:
    8
    Пол:
    Мужской
    Репутация:
    0
    Команда:
    UniPW
    Пробывал... ноль эмоций
  4. Evgeniy Пользователи

    Сообщения:
    113
    Лайки:
    120
    Репутация:
    0
    Команда:
    Ratio club
    Вы прям многое сделали.. Возможно функция onclick="about_video(2); отвечает за выбор видео и выезд окошка
  5. Neron Пользователи

    Сообщения:
    322
    Лайки:
    12
    Репутация:
    0
    Нужен js или css что там у них используется тогда все заработает
  6. Oliverdd Пользователи

    Сообщения:
    17
    Лайки:
    1
    Пол:
    Мужской
    Репутация:
    0
    А при чем тут CSS?
  7. Oliverdd Пользователи

    Сообщения:
    17
    Лайки:
    1
    Пол:
    Мужской
    Репутация:
    0
    Вот JS, который вам необходим.



    Код:
    // ---[ Slide div ]-----------------------------------------
    
    // Испорльзуется для раскрытия/скрытия слоя обновлений - http://pw.mail.ru/download.php
    
    function slide_div(btn, layer)
    {
    var layer_id = '#' + layer;
    
    if ($(layer_id).is(':visible'))
    {
    $(btn).removeClass('minus');
    $(btn).addClass('plus');
    $(layer_id).slideUp();
    }
    else
    {
    $(btn).removeClass('plus');
    $(btn).addClass('minus');
    $(layer_id).slideDown();
    }
    }
    
    // ---[ Slide div spoiler ]-----------------------------------------
    
    // Испорльзуется для раскрытия/скрытия блока в новостях
    
    $(function () {
    $('.click_spoiler').click(function () {
    if ($(this).next("div").is(":hidden")) {
    $(this).next("div").slideDown();
    $(this).find("span").addClass("minus");
    }
    else {
    $(this).next("div").slideUp();
    $(this).find("span").removeClass("minus");
    }
    });
    });
    
    // ---[ QuickTabs ]-----------------------------------------
    
    /*(function(cash) {
    $(function() {
    $('#tabss ul').each(function() {
    $(this).find('li').each(function(i) {
    $(this).click(function(){
    $(this).addClass('active').siblings().removeClass('active')
    .parent().find('div.box').eq(i).fadeIn(150).siblings('div.box').hide();
    });
    });
    });
    })
    })(jQuery)
    
    (function($) {
    
        $.fn.extend({
    
            quickTabs: function() {
    
                var container = this;
                var $tabs = $('.tabs a', container);
    
                $tabs.click(function() {
    
                    var $this = $(this);
                    var tab_class = $this.html().toLowerCase().replace(' ', '-');
    
                    $tabs.removeClass();
                    $this.addClass('active');
    
                    $('.tabs-main ul', container).hide();
                    $('.tabs-main ul.' + tab_class, container).show();
    
                    return false;
    
              });
    
              return this;
            }
    
        });
    
    })(jQuery);*/
    
    // -------------------------------------------------------------
    
    // -------------------------------------------------------------
    // ---[ About page Video Youtube ]---
    // -------------------------------------------------------------
    
    // Используется для показа ютуба в разделе об игре
    
    function about_video(block_id) {
    $("div[id^='about_video']").hide();
    $("#about_video_" + block_id + "_block").show("fast");
    }
    
    function about_video_close() {
    $("div[id^='about_video']").hide();
    $('#pwytb').stopVideo();
    }
    
    // Используется для сундука с выбором подарка
    $(function () {
    $(".chest_input_block .chest_activate").click(function() {
    $(this).parent().parent().parent().parent().parent().next().slideToggle("fast");
    })
    });
    
    // -------------------------------------------------------------
    // ---[ getUrlVars ]---
    // -------------------------------------------------------------
    
    function getUrlVars() // Example: var counter_par = getUrlVars()["counter"];
    {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
    hash = hashes.split('=');
    vars.push(hash[0]);
    vars[hash[0]] = hash[1];
    }
    return vars;
    }
    
    // -------------------------------------------------------------
    // --- ВИП СМС
    // -------------------------------------------------------------
    
    $(document).ready(function(){
    $(".sms_phone_block .vsms_account input").click(function() {
    input_value = $(this).val();
    if($(this).hasClass("default")) {
    $(".sms_phone_block #vip_ban").html("vip+pw+ban").css("border-color","#c9c9c9");
    $(".sms_phone_block #vip_unban").html("vip+pw+unban").css("border-color","#c9c9c9");
    } else {
    $(".sms_phone_block #vip_ban").html("vip+pw+" + input_value +  "+ban").css("border-color","#c44048");;
    $(".sms_phone_block #vip_unban").html("vip+pw+" + input_value +  "+unban").css("border-color","#c44048");;   
    }
    });
    });
    
    // -------------------------------------------------------------
    // --- История мира
    // -------------------------------------------------------------
    
    function history_menu(block_id) {
    $(".history_of_world_block .history_menu span").removeClass("active");
    $(".history_of_world_block .history_menu .block_" + block_id).addClass("active");
    
    $(".history_of_world_block div[class^='history_block']").hide();
    $(".history_of_world_block .history_block_" + block_id).show();
    
    switch(block_id) {
    case 1 : $("#content_top h2").html("Идеальный мир"); break;
    case 2 : $("#content_top h2").html("Ярость Богов"); break;
    case 3 : $("#content_top h2").html("Эпоха Джинов"); break;
    case 4 : $("#content_top h2").html("Легенды Морей"); break;
    case 5 : $("#content_top h2").html("Генезис"); break;
    case 6 : $("#content_top h2").html("Земли Духов"); break;
    case 7 : $("#content_top h2").html("Возрождение Династий"); break;
    }
    }
    
    // ---[ Slide div spoiler ]-----------------------------------------
    
    // Испорльзуется для раскрытия/скрытия блока конкурсов в правой колонке в разделе Комьюнити
    
    $(function () {
    $('.comm_right_contest_block .header').click(function () {
    if ($(this).next("div").is(":hidden")) {
    $(this).next("div").slideDown();
    $(this).addClass("active");
    }
    else {
    $(this).next("div").slideUp();
    $(this).removeClass("active");
    }
    });
    });
    Последнее редактирование: 8 авг 2014
  8. Danil66 Пользователи

    Сообщения:
    7
    Лайки:
    0
    Пол:
    Мужской
    Репутация:
    0
    Страна:
    Russian Federation Russian Federation
    Для этого используется язык CSS, как именно сам не знаю! 8)
  9. Тыщ Группа анонимных алкоголиков Art Old school Пользователи

    Сообщения:
    1.573
    Лайки:
    812
    Пол:
    Мужской
    Репутация:
    2
    А ты жестенький
  10. Joslian AngeliCore Программист Пользователи Open Source Contributor

    Сообщения:
    1.051
    Лайки:
    537
    Пол:
    Мужской
    Репутация:
    2
Черновик сохранён Черновик удалён
Similar Threads
  1. mr.Slink
    Ответов:
    0
    Просмотров:
    1.816
  2. irka
    Ответов:
    3
    Просмотров:
    1.905
  3. mr.x
    Ответов:
    12
    Просмотров:
    1.876
  4. VideoGaidPW

    Любая версия Видео Гайды

    Ответов:
    1
    Просмотров:
    2.324
  5. Defance
    Ответов:
    2
    Просмотров:
    1.439
Загрузка...

Поделиться этой страницей