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/proper...io_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..

[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/proper...io_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..