PDA

View Full Version : سوال: گالری



زینب فاطمی
دوشنبه 13 شهریور 1391, 16:28 عصر
سلام خسته نباشید

کد یک گالری رو گرفتم و وقتی عکس دلخواهم رو جایگزین عکس داخلش کردم با مشکلی مواجه شدم و مشکل این بود که وقتی عکس رو در سایز بزرگ نمایش میده و موس رو رویش می برم متن انگیلیسی مرتبط با عکس رو نمایش میده ولی متن فارسی نمایش نمیده حتی اگر علامت یا عدد هم بذارم نمایش میده ولی متن فارسی هیچی نشون نمیده
میشه کمک کنید .
این صفحه اصلی:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8 " />
<title> گالری عکس </title>
<link rel="stylesheet" type="text/css" href="styles.css"></link>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="fonts/aura_400.font.js"></script>
<!--[if lt IE 7]>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->
</head>

<script type="text/javascript">
$(document).ready(function()
{

/*Your ShineTime Welcome Image*/
var default_image = 'images/large/default.jpg';
var default_caption = ' به سایت من خوش آمدید';

/*Load The Default Image*/
loadPhoto(default_image, default_caption);


function loadPhoto($url, $caption)
{


/*Image pre-loader*/
showPreloader();
var img = new Image();
jQuery(img).load( function()
{
jQuery(img).hide();
hidePreloader();

}).attr({ "src": $url });

$('#largephoto').css('background-image','url("' + $url + '")');
$('#largephoto').data('caption', $caption);
}


/* When a thumbnail is clicked*/
$('.thumb_container').click(function()
{

var handler = $(this).find('.large_image');
var newsrc = handler.attr('src');
var newcaption = handler.attr('rel');
loadPhoto(newsrc, newcaption);

});

/*When the main photo is hovered over*/
$('#largephoto').hover(function()
{

var currentCaption = ($(this).data('caption'));
var largeCaption = $(this).find('#largecaption');

largeCaption.stop();
largeCaption.css('opacity','0.9');
largeCaption.find('.captionContent').html(currentC aption);
largeCaption.fadeIn()



largeCaption.find('.captionShine').stop();
largeCaption.find('.captionShine').css("background-position","-550px 0");
largeCaption.find('.captionShine').animate({backgr oundPosition: '550px 0'},700);

Cufon.replace('.captionContent');


},

function()
{
var largeCaption = $(this).find('#largecaption');
largeCaption.find('.captionContent').html('');
largeCaption.fadeOut();

});



/* When a thumbnail is hovered over*/
$('.thumb_container').hover(function()
{
$(this).find(".large_thumb").stop().animate({marginLeft:-7, marginTop:-7},200);
$(this).find(".large_thumb_shine").stop();
$(this).find(".large_thumb_shine").css("background-position","-99px 0");
$(this).find(".large_thumb_shine").animate({backgroundPosition: '99px 0'},700);

}, function()
{
$(this).find(".large_thumb").stop().animate({marginLeft:0, marginTop:0},200);
});

function showPreloader()
{
$('#loader').css('background-image','url("images/interface/loader.gif")');
}

function hidePreloader()
{
$('#loader').css('background-image','url("")');
}

});
</script>

<div id="container">
<div id="containertitle">
</div>
<div class="mainframe">
<div id="largephoto">
<div id="loader"></div>


<div id="largecaption">
<div class="captionShine"></div>
<div class="captionContent"></div>

</div>

<div id="largetrans">
</div>

</div>

</div>
<div class="thumbnails">
<br><br><br>
<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample1.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample1.jpg" class="large_image" rel="sara " />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample2.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample2.jpg" class="large_image" rel="تصویر1" />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample3.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample3.jpg" class="large_image" rel="234" />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample4.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample4.jpg" class="large_image" rel="/}{!" />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample5.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample5.jpg" class="large_image" rel="" />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample6.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample6.jpg" class="large_image" rel="طبیعت!" />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample7.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample7.jpg" class="large_image" rel="گل " />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample8.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample8.jpg" class="large_image" rel=" " />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample9.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample9.jpg" class="large_image" rel=" .." />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample10.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample10.jpg" class="large_image" rel=" ." />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample11.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample11.jpg" class="large_image" rel=" " />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample12.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample12.jpg" class="large_image" rel=" ." />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample13.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample13.jpg" class="large_image" rel=" " />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample15.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample15.jpg" class="large_image" rel=" " />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->

<!-- start entry-->
<div class="thumbnailimage">
<div class="thumb_container">
<div class="large_thumb">
<img src="images/thumbnails/sample14.jpg" class="large_thumb_image" alt="thumb" />
<img src="images/large/sample14.jpg" class="large_image" rel=" «گالری »" />
<div class="large_thumb_border"></div>
<div class="large_thumb_shine"></div>
</div>
</div>
</div>
<!--end entry-->



</div>
</div>


</html>