Mouseover thumbnail popup problem

saba

2014-09-19 06:42

Hi.

I use Quick.Cms v.5.2 and in admin area I try to make function "mouseover thumbnail popup" in the files list selection.
In core/files-admin.php I change original code:


<td class="file"><a href="'.DIR_FILES.$aData['sFileName'].'" target="_blank">'.$aData['sFileName'].'</a></td>
<td class="position">&nbsp;</td>
<td class="description">&nbsp;</td>
<td class="place">&nbsp;</td>
<td class="thumb1">&nbsp;</td>
<td class="thumb2">&nbsp;</td></tr>;}

to this:


<td class="file"><a href="'.DIR_FILES.$aData['sFileName'].'" target="_blank" class="thumbnail">'.$aData['sFileName'].' 
<span> <img src="'.DIR_FILES.$aData['sFileName'].'" width="100px" border="1" /></span></a></td>
<td class="position">&nbsp;</td>
<td class="description">&nbsp;</td>
<td class="place">&nbsp;</td>
<td class="thumb1">&nbsp;</td>
<td class="thumb2">&nbsp;</td></tr>;}

In templates/admin/style.css I add this:


.thumbnail{
position: relative;
z-index: 5;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 60px;

}

Now "mouseover popups thumbnail" is visible, but only inside the table row, not front of the table.

See how it looks: http://www.saba.ee/qc/img_popup.jpg

This solution works fine in Quick.Cms 3.x, but in 5.2 I do something wrong...

Thank You...

» Quick.Cart v5.x

saba

2014-09-20 17:08

solved

Back to top

Mouseover thumbnail popup problem

saba

» Quick.Cart v5.x

saba

Over 32 thousand websites based on Quick.Cart and Quick.Cms. See the most interesting ones...