Сжать / Альтернативный код: -

Question

Сжать / Альтернативный код: -

0

Я потратил полдня на запись раздела содержимого моей индексной страницы моего веб-сайта, но когда я попытался добавить другое изображение в список изображений (в настоящее время 6), это был очень длинный и раздражающий процесс. (Веб-сайт: http://rikahiyuka.com)

Есть ли способ написать код, чтобы было проще добавить больше кнопок ("Изображения")?

Вещи, которые привязаны к одному изображению: - JQuery - Div (ссылка)

Наиболее раздражающей частью является добавление к JQuery.

Есть ли лучший способ написать код для кнопок/изображений в разделе контента, чтобы он был более компактным и простым в редактировании?

Примечание. Единственный раздел файла index.php, который использует PHP, - это нижний колонтитул для номера года.

KiraNakari 04 янв. 2014, в 05:10

Источник

0

Должны ли мы просто случайно угадать, как выглядят ваши PHP и JS?
cHao 04 янв. 2014, в 03:39
0

Извини, я должен был сказать. Раздел содержимого не содержит никакого кода PHP. Единственный раздел, который содержит PHP - это нижний колонтитул. Мои извенения.
KiraNakari 04 янв. 2014, в 03:42
0

Ну, тут есть часть твоей проблемы. : P Вы можете просто иметь массив изображений и позволить PHP перебирать их и генерировать HTML.
cHao 04 янв. 2014, в 03:43
0

Таким образом, для этого div, содержащего изображения, я мог бы использовать включение PHP или что-то? Я должен также упомянуть, что у меня нет никаких знаний о том, как использовать PHP. Даже если он генерирует html для изображений через массив, как он узнает, как сгенерировать скрипт JQuery и элементы Div в разделе #IDTopic?
KiraNakari 04 янв. 2014, в 03:48
1

Эх. JQuery. Причина, по которой это так сложно, в том, что вы привязываете все к определенным элементам. Было бы неплохо обобщить это ... использовать классы, а не идентификаторы для всего этого и т. Д. В идеале вы хотите сделать код jQuery таким, чтобы вам больше никогда не приходилось его трогать.
cHao 04 янв. 2014, в 03:54
0

Как бы я использовал классы для обобщения jQuery? Как я понял, меняются только идентификаторы на классы, которые не будут иметь большого значения в jQuery ... не могли бы вы привести некоторые примеры того, как это будет сделано?
KiraNakari 04 янв. 2014, в 03:58
0

Дайте вашим clickables класс, который указывает, что они кликабельны, и атрибут data- который связывает их с материалом, который должен стать видимым ... и дайте параграфы и такой класс, который указывает, что это то, чем они являются. В этот момент вы можете сказать кликабельному «эй, когда вы нажмете, укажите свой соответствующий абзац, чтобы показать, и все остальные, чтобы скрыть».
cHao 04 янв. 2014, в 04:14
0

Я не понимаю, что вы имеете в виду под «Дайте своим кликабельным классам класс, указывающий на то, что они кликабельны» и почему это необходимо. Также я прочитал об атрибуте data, и похоже, что он будет работать. Однако я не знаю, где следует добавлять атрибуты данных и как их использовать со скриптом jQuery.
KiraNakari 04 янв. 2014, в 04:31
0

Если вы даже не понимаете, о чем я говорю, то вы можете найти разработчика. Все это довольно простые, стандартные средства разработки HTML / JS, и вы многому научитесь только через форум вопросов и ответов.
cHao 04 янв. 2014, в 04:40
0

Понятно, спасибо за помощь, посмотрю, что можно выяснить. (^ _ ^) /
KiraNakari 04 янв. 2014, в 05:08

Показать ещё 8 комментариев

Теги:

php

html

css

1 ответ

Ещё вопросы

Должны ли мы просто случайно угадать, как выглядят ваши PHP и JS?
Извини, я должен был сказать. Раздел содержимого не содержит никакого кода PHP. Единственный раздел, который содержит PHP - это нижний колонтитул. Мои извенения.
Ну, тут есть часть твоей проблемы. : P Вы можете просто иметь массив изображений и позволить PHP перебирать их и генерировать HTML.
Таким образом, для этого div, содержащего изображения, я мог бы использовать включение PHP или что-то? Я должен также упомянуть, что у меня нет никаких знаний о том, как использовать PHP. Даже если он генерирует html для изображений через массив, как он узнает, как сгенерировать скрипт JQuery и элементы Div в разделе #IDTopic?
Эх. JQuery. Причина, по которой это так сложно, в том, что вы привязываете все к определенным элементам. Было бы неплохо обобщить это ... использовать классы, а не идентификаторы для всего этого и т. Д. В идеале вы хотите сделать код jQuery таким, чтобы вам больше никогда не приходилось его трогать.
Как бы я использовал классы для обобщения jQuery? Как я понял, меняются только идентификаторы на классы, которые не будут иметь большого значения в jQuery ... не могли бы вы привести некоторые примеры того, как это будет сделано?
Дайте вашим clickables класс, который указывает, что они кликабельны, и атрибут data- который связывает их с материалом, который должен стать видимым ... и дайте параграфы и такой класс, который указывает, что это то, чем они являются. В этот момент вы можете сказать кликабельному «эй, когда вы нажмете, укажите свой соответствующий абзац, чтобы показать, и все остальные, чтобы скрыть».
Я не понимаю, что вы имеете в виду под «Дайте своим кликабельным классам класс, указывающий на то, что они кликабельны» и почему это необходимо. Также я прочитал об атрибуте data, и похоже, что он будет работать. Однако я не знаю, где следует добавлять атрибуты данных и как их использовать со скриптом jQuery.
Если вы даже не понимаете, о чем я говорю, то вы можете найти разработчика. Все это довольно простые, стандартные средства разработки HTML / JS, и вы многому научитесь только через форум вопросов и ответов.
Понятно, спасибо за помощь, посмотрю, что можно выяснить. (^ _ ^) /

smts · Accepted Answer · 2014-01-04T04-43-00.000Z

Вместо того, чтобы делать каждое изображение отдельно, просто напишите одну функцию:

function showhide(shownum) {
  $("#Ip1, #Ip2, #Ip3, #Ip4, #Ip5, #Ip6").hide();
  $("#Il1, #Il2, #Il3, #Il4, #Il5, #Il6, #IDTopic").hide();
  $("#Ip" + shownum + ", #IDTopic, #Il" + shownum).show();
}

Затем, если вы хотите что-то показать, вы просто вызываете эту функцию:

showhide(6);

Вы можете поместить его в свой HTML (например :)

<td>
<img id="Iimg1" class="c-img" src="#" title="Show 1" onclick="showhide(1) />
</td>

или изменить свой JavaScript:

$("#Iimg1").click(function(){
showhide(1);
});

Замена 1 на какую-либо ссылку, которую вы хотите показать. Это сделает его намного быстрее и гораздо менее раздражающим, потому что вам не нужно будет перечислять каждый элемент, чтобы показывать и скрывать. Просто позвоните в функцию showhide :) В основном это работает, вместо того, чтобы беспокоиться о том, чтобы скрывать все, кроме одного щелчка, скрывая ВСЕ ссылки. Затем, показывая запрос.

Я понял ответ во второй раз, когда я прочитал его. Это, безусловно, поможет в будущем развитии. Спасибо вам большое, это очень ценится. (^_^)