Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Не отображается картинка

Всем привет!

Есть функция для вывода окна с текстом и картинкой, который выводится во время обработки формы:

submitHandler: function(form) { // Если все поля формы заполнены верно, выводим скрипт анимациии загрузки (здесь можно использовать Ajax)
var background = $('<div>').css({'backgroundColor': '#000', 'width': '100%', 'height': '100%',
'position': 'fixed', 'z-index': '200', 'top' :'0', 'left': '0', 'opacity': '0.8'});
var img = $('<span>').html('<img src="../image/30.gif" style="margin-bottom:10px"><br>');
var text = $('<span>').text('Обработка информации...').css({'font-family': 'Verdana, Arial,
Helvetica, sans-serif', 'font-weight': 'bold', 'font-size': '18px', 'color': '#000099'});
var text1 = $('<span>').text('Дождитесь завершения!').css({'font-family': 'Verdana, Arial,
Helvetica, sans-serif', 'font-weight': 'bold', 'font-size': '18px', 'color': '#000099'});
var loading = $('<div>').css({'backgroundColor': '#E6E6E6', 'z-index': '201', 'position': 'fixed',
'top': '20%', 'left': '37%', 'padding': '20px','text-align': 'center', 'line-height':
'1.7'}).append(img).append(text).append('<br>').append(text1);

$('body').prepend(loading).prepend(background);
form.submit(); // Отправляем форму обработчику стандартным методом (убрать при использовании Ajax)

Но почему то никак не хочет отображаться картинка?!
В общем, как я только не пробовал менять код - все равно вместо картинки пустое место!
Путь к картинке верный, картинка существует, не понимаю в чем дело?
Ответ:
Сначала в элемент span пытаешься запихнуть что-то. И зачем-то указываешь тут угловые скобки. Я не уверен, что с ними вообще будет работать... Но предлположим, что работает.
Итак, сначала ты выставляешь html() для этого элемента. Затем ты изменяешь текст внутри этого элемента (полностью перезаписывая его содержимое). Затем еще раз изменяешь текст. Вот этот финальный текст "Дождитесь завершения", возможно, ты и видишь. И в любом случае убери угловые скобки из селектора:
$('span')


Ты опиши, что хочешь сделать. Словами, а не кодом. А то, что у тебя написано, оно и не выведет никаких картинок.
Вопрос: Не отображаются картинки при перепосте стайтей на соц. сети

Добрый день, я столкнулся с проблемой при перепосте статей с сайта на соц. сети не отображается картинка заголовка поста. Вроде нечего не менял кроме тарифного плана у провайдера, написал в тех. поддержку провайдеру, он ответил что проблема в следующем:

За preview в facebook отвечают og.tags, на примере поста :



<meta property="og:image" content="https://i0.wp.com/tribunal.in.ua/wp-content/uploads/2017/01/IMG_0861.jpg?fit=1200%2C900" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="900" />

Видно, что картинка отдается с CDNа.

Помогите решить проблему с отображением перепостов в соц. сети.
Ответ: Проблема была в плагине Джетпак, котором была включена функция Photon, которая в свою очередь переливает картинки на удаленный сервис. Для блогов это наверное довольно хорошая функция, а вот для работы с соц. сетями она не подходит. По крайней мере пока не будет исправлено отображение картинок в репостах.

p.s. может пригодиться кому-то ...
Вопрос: При наведении на ссылку отображается картинка...

Всем привет.
У меня такой вопрос, подскажите пожалуйста, как сделать так, что бы при наведении на ссылку в нужном месте отображалась картинка. Это можно и на HTML/CSS сделать. НО, нужно что бы когда с сылки убераешь курсор, картинка продолжала отображаться.

HTML код таков:

<a href="/link1" data-image="http://img1.jpg" class="menu">Ссылка 1</a>
<a href="/link2" data-image="http://img2.jpg" class="menu">Ссылка 2</a>
<a href="/link3" data-image="http://img3.jpg" class="menu">Ссылка 3</a>
<img class="product-img" src=""></img>


В data-image в каждой ссылке вставлена ссылка на картинку которая должна появляться.
Под ссылками стоит тег img, вот в его src должна вставляться ссылка на картинку. И если курсор ссылки убираем, картинка не исчезает. Если наводим курсор на другую ссылку, то отображается другая картинка.


Живой пример можно увидеть на этом сайте (в горизонтальном меню в разделе "Создай свой дизайн")
За это как я понял отвечают эти скрипты:

<script>
      var __customVars = [  ];
</script>
<script src="http://assets0.printio.ru/assets/all-dcf4cf6a1254bf2e645dc0a72bce94ad.js"></script>


Пытался сам разобраться в том как всё устроено, но ни чего не вышло. Прошу вашей помощи знатаки JS.
Ответ: Хех, работает! Спасибо большое!
Вопрос: На главной странице сайта не отображаются картинки записей, а в самой записи все картинки отображаются

Доброго времени суток всем. Помогите пожалуйста разобраться. На главной странице сайта не отображаются картинки записей, а в самой записи все картинки отображаются. Почему? Заранее спасибо.
Ответ:
Сообщение от coloribo
Помогите пожалуйста разобраться
А помогаем. Дайте PHP код главной страницы. Index.php по идее... Хотя могут быть и другие варианты )
Вопрос: Перестало отображаться картинка и описание товара

Всем привет!
Подскажите, что нужно исправить?! Мне нужно было заменить один список на другой, я все поменял, но у меня перестало отображаться картинка и описание товара!
Куда оно делось?! Где я не правильно что-то вставил?!
Ответ: k-x, да, все заработало)) еще раз огромное спасибо!!!)

Добавлено через 3 часа 7 минут
k-x, а еще вопрос, вот я добавил еще один такой же выпадающий список, все работает, только скрывается только один из них. Что нужно изменить, что бы оба скрывались? Пробовал вставить во второй код в index.php и custom.js, поменять $ на JQuery, и добавить
Код HTML5
1
2
jQuery.noConflict();
jQuery(document).clik(function($) {
но теперь оно все скрывается, то не происходит выбор элемента, а файле custom.js, появились ошибки и пишет, что jQuery не определен(

Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<script type="text/javascript">
            
            function DropDown(el) {
                this.dd = el;
                this.placeholder = this.dd.children('span');
                this.opts = this.dd.find('ul.vehicle-nav > li');
                this.val = '';
                this.index = -1;
                this.initEvents();
            }
            DropDown.prototype = {
                initEvents : function() {
                    var obj = this;
 
                    obj.dd.on('click', function(event){
                        $(this).toggleClass('active');
                        return false;
                    });
 
                    obj.opts.on('click',function(){
                        var opt = $(this);
                        obj.val = opt.text();
                        obj.index = opt.index();
                        obj.placeholder.text(obj.val);
                        $('.wrapper-dropdown-3 .wrapper-dropdown-2').removeClass('active');
                        obj.index = opt.index();
                        
                    });
                },
                getValue : function() {
                    return this.val;
                },
                getIndex : function() {
                    return this.index;
                }
            }
 
            $(function() {
 
                var dd = new DropDown( $('#dd') );
 
                $(document).click(function() {
                    // all dropdowns
                    $('.wrapper-dropdown-3').removeClass('active');
                });
 
            });
 
        </script>
        
        
        <script type="text/javascript">
            
            function DropDown(el) {
                this.metr = el;
                this.placeholder = this.metr.children('span');
                this.opts = this.metr.find('ul.vehicle-nav2 > li');
                this.val = '';
                this.index = -1;
                this.initEvents();
            }
            DropDown.prototype = {
                initEvents : function() {
                    var obj = this;
 
                    obj.metr.on('click', function(event){
                        $(this).toggleClass('active');
                        return false;
                    });
 
                    obj.opts.on('click',function(){
                        var opt = $(this);
                        obj.val = opt.text();
                        obj.index = opt.index();
                        obj.placeholder.text(obj.val);
                        
                        obj.index = opt.index();
                        
                    });
                },
                getValue : function() {
                    return this.val;
                },
                getIndex : function() {
                    return this.index;
                }
            }
 
            $(function() {
 
                var metr = new DropDown( $('#metr') );
 
                $(document).click(function() {
                    // all dropdowns
                    $('.wrapper-dropdown-2').removeClass('active');
                });
 
            });
 
        </script>
 
      </section> 
    
Вопрос: Не отображается картинка на сайте Wordpress через CSS

Здравствуйте! У меня такая проблема, никак не могу заставить отображаться картинку на главной странице сайта на Wordpress.

Вот такой код HTML вставляю в код главной страницы:

HTML5
1
2
<div class="main__social-item_vk">
        </div>
Такой код вставляю в файл style.css:
CSS
1
2
3
.main__social-item_vk {
    background: url(http://dshi1.syzran.ru/wp-content/uploads/2017/03/social_vk_bg.png) 50% 50% no-repeat;
}
Единственное я не знаю куда именно в файле style.css вставлять код CSS, поэтому вставил в 4 разных места, там подразделение, и получилось в Global, Media, Reset и просто в конец файла.
Ответ: Да, действительно, большое спасибо!
Вопрос: Почему ИНОГДА не отображаются картинки на странице?

Страница содержит много (более 100) одинаковых картинок (размером менее 200 Б каждая), адреса относительные, типа
HTML5
1
<img src="bin/pictures/kat.png"/>
При нажатии на кнопку "обновить" в браузере картинки то отображаются, то не отображаются (скажем, при 20 обновлениях картинки не появились 5 раз, появились 15 раз). Страница тестируется в Denwer.
Что делать, чтобы картинки отображались каждый раз, а не как повезет?

Добавлено через 36 секунд
Экспериментировал с абсолютными адресами - то же самое получается.

Добавлено через 1 минуту
Заметил, что когда картинок меньше (скажем, несколько десятков), то они отображаются, вроде бы, стабильнее.
Ответ:
Сообщение от Htext
Ребят, ну СКАЖИТЕ же... Ведь, наверняка, у кого-то было такое.
Вы задаете абсолютно бессмысленный вопрос, к которому не прикрепляете никакого кода. Что вам могут сказать? Начните с того, что зайдите в консоль браузера и посмотрите, есть ли ошибки. Если картинка не подгрузилась, значит произошла ошибка. Либо сервер не отдал картинку и будет соответствующая ошибка, либо загрузка заблокирована клиентом, например adblock, либо все загрузилось, но вы все равно создаете темы со странным содержанием..
Вопрос: Не отображаются картинки

Я написал код, вот он
<!DOCTYPE html>
<html>
    <head>
        <title>Тест</title>
        <meta charset="utf-8">
         </head>
        <body>
            <img src="images/desert.jpg" alt="Пустыня" id="image" onclick="changeImage()"> 
        <script>
function changeImage() {
    var image = document.getElementById('image');
    
        image.src = "images/desert.jpg"; }
         </script>
    
    </body>
</html>

И... У меня картинка отображается не как картинка, а вот так:
Ответ: simpleCODer,
значит путь до картинки указан неправильно
<!DOCTYPE html>
<html>
    <head>
        <title>Тест</title>
        <meta charset="utf-8">
         </head>
        <body>
            <img src="http://img1.liveinternet.ru/images/attach/c/0/36/665/36665579_0_24c54_12ed2873_XL.jpg" alt="Пустыня" id="image" onclick="changeImage()">
        <script>
function changeImage() {
    var image = document.getElementById('image');

        image.src = "http://www.fonstola.ru/mini/201510/207325.jpg"; }
         </script>

    </body>
</html>
Вопрос: Не отображаются картинки в справке chm

Помогите пожалуйста!
Создала справку chm через HTML HelpWork shop. Но при открытии картинки не отображаются.
Файлы htm делала через Word. Картинки сами есть в папке help.files. В htm файле картинки все открываются, а в самой справке не хотят.
Ответ: без понятия. Что ж всё не так

Добавлено через 5 минут
попробовала на другом компьютере, всё норм)
Спасибо за помощь)
Вопрос: Не отображается картинка кнопки скачать

не отображается кнопка скачать, точнее картинка кнопки.

Добавлено через 14 часов 18 минут
вот ссылка где не отображается-
Ответ: BayBurak, спасибо