Фотометки как на фотографиях альбома Facebook и Orkut?
Попробуйте это:
DECLARE @Table TABLE(Id INT,InventoryId INT,RevisionId INT)
INSERT INTO @Table
SELECT 1001,1234,1 UNION ALL
SELECT 1002,2235,1 UNION ALL
SELECT 1003,2235,2 UNION ALL
SELECT 1004,2235,2 UNION ALL
SELECT 1005,2235,3 UNION ALL
SELECT 1006,2235,4 UNION ALL
SELECT 1007,3234,1 UNION ALL
SELECT 1008,3234,2 UNION ALL
SELECT 1009,3234,3 UNION ALL
SELECT 1010,3234,3 UNION ALL
SELECT 1011,3234,4 UNION ALL
SELECT 1012,3234,5 UNION ALL
SELECT 1013,3234,5 UNION ALL
SELECT 1014,3234,6
;WITH cte
AS(
SELECT Id,InventoryId,RevisionId, ROW_NUMBER() OVER(PARTITION BY InventoryId ORDER BY id) AS NewRevision FROM @Table
)
UPDATE cte SET RevisionId=newRevision
SELECT * FROM @Table
4 ответа
Я не нашел подходящих плагинов с этой целью. Таким образом, я закончил тем, что писал мне маленький плагин для маркировки областей по изображению на основе координат, загруженных через XML-файл.
Абсолютный код требуется:
<div id="imageholder">
<!-- The main image -->
<img src="<link to image file>" alt="Image">
<!-- The grid tags -->
<div class="gridtag" style="bottom: 100px; left: 106px; height: 41px; width: 41px;"/>
<div class="gridtag" style="bottom: 300px; left: 56px; height: 100px; width: 56px;"/>
<div class="gridtag" ...
</div>
И основное моделирование CSS потребовало:
#imageholder{
height:500px;
width:497px;
position:relative;
}
div.gridtag {
border:1px solid #F0F0F0;
display:block;
position:absolute;
z-index:3;
}
В выше отделений с классом "gridtags" добавляются с помощью jQuery через XML или JSON и событиями привязки на этом отделения, мы можем сделать фотометки подобными в Orkut.
PS: Эта только одна сторона фотометок, т.е. если у нас уже есть координаты, мы можем отметить на изображении и добавить события щелчка, который является частью на самом деле, я хотел.:) Парни необходимо написать код для того, чтобы сделать часть маркировки фотометок.
Хм, я нашел, что новая версия Примечаний Img, кажется, делает точно, что Вы хотите.
Контроль Демонстрация. Это позволяет Вам легко добавлять примечания тега и показывать им использующий JQuery. Он также зависит от плагина imgAreaSelect jquery для добавления примечаний.
Вы могли попробовать Jcrop или imgAreaSelect. Не 100% то же поведение как в Facebook, но с некоторыми тонкими настройками, это должно e возможный.
Хороший и сложный пример функциональности тегов в facebook Talking Pictures , приложение для Facebook.