قرار گرفتن نوشته در کنار عکس ، نه در زیر عکس

این تاپیک 2 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  علی اسدی ،‏ 1 سال و 1 ماه پیش .

این تاپیک تاکنون 308 بازدید داشته است .

نویسنده پست
یکشنبه ، 25 اکتبر 2015     4:05 ب.ظ #


علی اسدی

Subscriber
10 پست1 تاپیک

سلام دوستان

این کد جاوا اسکریپت گالری عکس هست

می خوام در این اسکریپت نوشته ها در کنار عکس ها قرار بگیرند

ولی در زیر عکس ها هستند لطفا راهنمایی کنید ممنون

 

<html>
<head>

<script type="text/javascript" src="photogallery.js">
</script>

<style type="text/css">

.photogallery{ /*CSS for TABLE containing a photo album*/
text-align:center
}

.photogallery img{ /*CSS for images within an album*/
border: 2px solid #333;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial; padding:2px; text-align:center; width:700px}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #ffffdd;
}
</style>

</head>
<body>

<script type="text/javascript">

//Define your own array to hold the photo album images
//Syntax: ["path_to_thumbnail", "opt_image_title", "opt_destinationurl", "opt_linktarget"]

var myvacation=new Array()
myvacation[0]=["../images/js_prev_pics/img1.jpg", "عکس زیبای گل", "http://www.yahoo.com"]
myvacation[1]=["../images/js_prev_pics/img2.jpg", "عکس زیبای کوه", "http://www.yahoo.com"]
myvacation[2]=["../images/js_prev_pics/img3.jpg", "عکس مناظر زیبا", "http://www.google.com"]
myvacation[3]=["../images/js_prev_pics/img1.jpg", "حیوانات با مزه", "http://www.webkaran.com"]
myvacation[4]=["../images/js_prev_pics/img2.jpg", "sample 5", "http://www.yahoo.com"]
myvacation[5]=["../images/js_prev_pics/img3.jpg", "کارتونی", "http://www.google.com"]
myvacation[6]=["../images/js_prev_pics/img1.jpg", "sample 7", "http://www.webkaran.com"]
myvacation[7]=["../images/js_prev_pics/img2.jpg", "عکس زیبای کوه", "http://www.yahoo.com"]
myvacation[8]=["../images/js_prev_pics/img3.jpg", "عکس مناظر زیبا", "http://www.google.com"]

//initiate a photo gallery
//Syntax: new photogallery(imagearray, cols, rows, tablewidth, tableheight, opt_[paginatetext_prefix, paginatetext_linkprefix])
var thepics=new photogallery(myvacation, 3, 2, '700px', '200px')

//----------------------------- راهنمایی ---------------------------------
// 3: تعداد تصاویر در هر ردیف
// 2: تعداد تصاویر در هر ستون
// 700: پهنای فضای گالری
// 200: ارتفاع فضای گالری
//--------------------------------------------------------------------------
//OPTIONAL: Run custom code when an image is clicked on, via "onselectphoto"
//DELETE everything below to disable
//Syntax: function(img, link){}, whereby img points to the image object of the image, and link, its link object, if defined
thepics.onselectphoto=function(img, link){
if (link!=null) //if this image is hyperlinked
window.open(link.rel="nofollow" href, "", "width=800, height=600, status=1, resizable=1")
return false //cancel default action when clicking on image, by returning false instead of true
}
</script>
</body>
</html>

این هم آدرس photogallery.js
http://www.webkaran.com/Scripts/demo_scripts/photogallery.js

 

0  تشکر
دوشنبه ، 26 اکتبر 2015     2:12 ق.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

سلام خصوصیت vertical-align رو دقیق یادم نیست باید به متن بدین یا به عکس

ولی فکرکنم به متن باید بدین

مقادیر این خصوصیت رو امتحان کنید تا مقدار مناسب رو پیدا کنید فکر میکنم مقدار

midlle براش مناسب باشه

0  تشکر
دوشنبه ، 26 اکتبر 2015     4:56 ب.ظ #


علی اسدی

Subscriber
10 پست1 تاپیک

دوستان سلام

متوجه شدم که چجوری میشه عکس ها کنار تصاویر قرار بگیرند

در کدهای .js

خط 43 تگ

<br>

رو برداشتم درست شدباز هم ممنون از راهنمایی

یا علی

1  تشکر
پست 1 تا 3 (از مجموع 3 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .