lightbox in html

[bitlipire]

is it possible to start the lightbox with a link? not picture.. I dont want to see a thumbnail on website.. just link..
i'll click the link and lightbox will start..

[azoomer]

yes it is possible. Just put your link text instead of the thumbnail image.

[bitlipire]

can u correct this?


<div class="full_portfolio_frame">
<div class="image_loader">
<div class="portfolio_full_img_holder">
<div class="loading_gallery_full"></div>
<a class="load_portfolio_img" rel="lightbox[alsancak]" href="referanslar/alsancak/alsancak1.jpg">
<span class="rm_img noscript"><img src="referanslar/alsancak/alsancak1.jpg" alt="alsancak"/></span>
<span class="roll_over rollover"></span></a>
<a href="referanslar/alsancak/alsancak2.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak3.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak4.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak5.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak6.jpg" rel="lightbox[alsancak]"></a>
</div>
</div>
</div>

[azoomer]

It is difficult without a link to your site and some further info about how things should look, but it could be the image highlighted in red that you should replace with your link text

<div class="full_portfolio_frame">
<div class="image_loader">
<div class="portfolio_full_img_holder">
<div class="loading_gallery_full"></div>
<a class="load_portfolio_img" rel="lightbox[alsancak]" href="referanslar/alsancak/alsancak1.jpg">
<span class="rm_img noscript"><img src="referanslar/alsancak/alsancak1.jpg" alt="alsancak"/></span>
<span class="roll_over rollover"></span></a>
<a href="referanslar/alsancak/alsancak2.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak3.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak4.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak5.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak6.jpg" rel="lightbox[alsancak]"></a>
</div>
</div>
</div>

[bitlipire]

here is the link
http://www.cypruskavanlar.com/propertyincyprus/portfolio_single.html

at the end of the page.. there is a black thumbnail.. its the owner of the codes..
also the thumbnail is not working on my website.. this is the second problem.. :confused:

[azoomer]

If you want to remove the box entirely and place a link text instead to start the pretty photo lightbox, then you can write your link text like this ( blue)

<div class="full_portfolio_frame">
<div class="image_loader">
<div class="portfolio_full_img_holder">
<div class="loading_gallery_full"></div>
<a class="load_portfolio_img" rel="lightbox[alsancak]" href="referanslar/alsancak/alsancak1.jpg">
<span class="rm_img noscript"><img src="referanslar/alsancak/alsancak1.jpg" alt="alsancak"/></span>
<span class="roll_over rollover">Click here to see pictures</span></a>
<a href="referanslar/alsancak/alsancak2.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak3.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak4.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak5.jpg" rel="lightbox[alsancak]"></a>
<a href="referanslar/alsancak/alsancak6.jpg" rel="lightbox[alsancak]"></a>
</div>
</div>
</div>
and then replace the style.css with the stylesheet that I have attached below.

Be sure to back up everything before you change anything. I may have made some mistakes.

[bitlipire]

it works but just a little problem more.. words seems vertical..
http://www.cypruskavanlar.com/propertyincyprus/portfolio_single.html

[azoomer]

in the style.css you can find this rule around line 473

.full_portfolio_frame .rollover {
background: none;
height:0;
left:6px;
top:13px;
width:0;}

try to change the width, maybe something like 300px will do

.full_portfolio_frame .rollover {
background: none;
height:0;
left:6px;
top:13px;
width:300px;}

[bitlipire]

thats it.. thank you very very much..