Форум PHP программистов > Список из изображений

[ Поиск ] - [ Пользователи ] - [ Календарь ]

romul

29.01.2010 - 21:06

Хочу сделать при регистрации возможность выбора логотипа автомобиля (логотипы в папке сайта в формате .png). Их больше 100. При регистрации обрабатывается форма понять ни могу как реализовать эту мысль.... если кто сталкивался подскажите идеи реализации этой проблемы?

Спустя 5 минут, 55 секунд (29.01.2010 - 20:12) Ice написал(а):

идея?
1. Прочитать директорию с файлами
2. Засунуть прочтённое в массив.
3. Пробежаться форычем по массиву, выводя то, что в нём есть, например, в селект

Спустя 1 день, 3 часа, 50 минут, 59 секунд (31.01.2010 - 00:03) romul написал(а):

Ну прочитаем директорию засунем в массив, а как вывести не название файла (ведь readdir считывает название файлов) а сами изображения уже?

Спустя 14 минут, 47 секунд (31.01.2010 - 00:18) dr_Lev написал(а):

тегом <img src="" />

Спустя 4 минуты, 19 секунд (31.01.2010 - 00:22) romul написал(а):

Так не работает

<select name="img_marki" size="15">
        <option><img src="img_marki/'.$files[2].'" /></option>
</select>

Спустя 9 минут, 17 секунд (31.01.2010 - 00:31) dr_Lev написал(а):

конечно не будет работать... <select> предназначен для текста...
сделай так

<div style="width:200px; height:50px;overflow:auto;">
    <div style="width:200px; height:50px;"><img align="left" src="img_marki/'.$files[2].'" height="50" />Описание картинки</div>
    <div style="width:200px; height:50px;"><img align="left" src="img_marki/'.$files[2].'" height="50" />Описание картинки</div>
    <div style="width:200px; height:50px;"><img align="left" src="img_marki/'.$files[2].'" height="50" />Описание картинки</div>
</div>

Спустя 7 минут (31.01.2010 - 00:38) romul написал(а):

ну так будет работать, но мне же надо сделать возможность выбора оного элемениа из массива files[], потом этот элемент в виде ссылки на картинку (которая находиться в папке сайта) записать в базу... вот....((

Спустя 47 минут, 48 секунд (31.01.2010 - 01:26) Ice написал(а):

Цитата (romul @ 31.01.2010 - 01:38)

Ссылка на картинку находится уже не в папке сайта, а в массиве files. По крайней мере она должна там находиться

а теперь записываем в базу. Запрос примерный, так как неизвестна структура таблицы:


INSERT INTO `table`.`cell` VALUES($files[$selected_value])

где $selected_value - это значение, взятое из автоматически сформированного селекта: <option name="logo" value=10>Honda</option>.

Таким образом, получается, что мы берем значение выбранного юзером селекта, обрабатываем его должным образом, а затем записываем в базу то значение, которое у нас хранится в ячейке в данном случае №10 массива files, а там у нас должно храниться ни что иное, как ссылка на файл с логотипом марки Honda.

ЗЫ. Поправьте плз, если где допустил ошибку в столь позднее время.

Спустя 6 минут, 9 секунд (31.01.2010 - 01:32) dr_Lev написал(а):

Для выбора можешь прилепить radio:

<div style="width:200px; height:50px;overflow:auto;">
    <div style="width:200px; height:50px;">
        <img align="left" src="img_marki/'.$files[0].'" height="50" />Описание картинки<input type="radio" name="img_marki" value="0">
    </div>
    <div style="width:200px; height:50px;">
        <img align="left" src="img_marki/'.$files[1].'" height="50" />Описание картинки<input type="radio" name="img_marki" value="1">
    </div>
    <div style="width:200px; height:50px;">
        <img align="left" src="img_marki/'.$files[2].'" height="50" />Описание картинки<input type="radio" name="img_marki" value="2">
    </div>
</div>

или использовать жаваскрипт:

<script type="text/javascript">
function SelectImg(div){
  document.getElementById('img_marki').value = div.getAttribute('img_id');
}
</script>
<input type="hidden" name="img_marki" id="img_marki" value="0" />
<div style="width:200px; height:50px;overflow:auto;">
    <div style="width:200px; height:50px; cursor:pointer;" onclick="SelectImg(this);" img_id="0">
        <img align="left" src="img_marki/'.$files[0].'" height="50" />Описание картинки
    </div>
    <div style="width:200px; height:50px; cursor:pointer;" onclick="SelectImg(this);" img_id="1">
        <img align="left" src="img_marki/'.$files[1].'" height="50" />Описание картинки
    </div>
    <div style="width:200px; height:50px; cursor:pointer;" onclick="SelectImg(this);" img_id="2">
        <img align="left" src="img_marki/'.$files[2].'" height="50" />Описание картинки
    </div>
</div>

P.S. только с кавычками разберись, экранировать нужно некоторые...

Спустя 47 минут, 59 секунд (31.01.2010 - 02:20) romul написал(а):

Благодарю за советы..)

Быстрый ответ:

Здесь расположена полная версия этой страницы.