مشكلة في البوم الصور

جبل الألب · #1 03-07-2011, 11:22 PM

السلام عليكم جميعاً
يا شباب اهل الخبرة تحية لكم
عندي مشكلة في البوم الصور عندما اريد مشاهدة الالبوم الصور بشكل الي لا يعمل
بشكل يدوي كل صورة لوحدها يعمل جيد
اريد الحل
لكم مني كل التقدير

تحياتي للجميع

جبل الألب · #2 05-07-2011, 02:50 PM

هل يوجد من يرد على هذا السؤال
الرجاء من المبدعين الرد
تحياتي

EXOXE · #3 05-07-2011, 08:20 PM

حياك حبيبي

عطني رابط موقعك يا الذئب

جبل الألب · #4 05-07-2011, 10:00 PM

أخي الف شكر لك
هذا هو رابط الالبوم
http://www.gazire.com/cms/albums-act...lbums-id-6.htm

عندما اضغط على كلمة مشاهدة
يظهر لي هذا الشكل

http://www.gazire.com/cms/albums-act...album-id-6.htm

تحياتي لك

EXOXE · #5 05-07-2011, 10:06 PM

حبيبي

أدخل على ملف الإستايل عن طريق لوحة التحكم و عدل على القالب show album
وأنسخ هذا الكود وأستبدله بالموجود عندك

كود:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{lang_direction}" lang="{lang_code}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={lang_charset}" />
<meta name="generator" content="Dimofinf  v{version} copyright 2010 by http://www.dimofinf.net">
<meta name="resource-type" content="document">
<meta name="keywords" content="{keywords}">
<meta name="page-type" content="online newspaper">
<meta name="robots" content="index,follow">
<meta name="description" content="{metadescription}">
<meta name="revisit-after" content="1 days">
<meta name="rating" content="{rating}">
<link rel="shortcut icon" href="{script_url}/favicon.ico" type="image/x-icon">
<title>{title}</title>
<script type="text/javascript" src="{script_url}/scripts/dimofinf.js"></script>
<script language="JavaScript" src="{script_url}/scripts/gallery.js"></script>
<script language="JavaScript" src="{script_url}/scripts/jquery.history.js"></script>
<script language="JavaScript" src="{script_url}/scripts/jquery.opacityrollover.js"></script>
<style>
.noscript { display: none; }
body{
	background-color: #111;
	color: #bbb;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
a{
	color: #f70;
}
h2 {
	color: #ccc;
}
div#page {
	background-color: #000;
	border-color: #9A9A9A;
}
/*-------- Footer [BEGIN] --------*/
.footer  {
	text-align: center;
	padding: 5px 0 30px 0;
	margin-top: 5px;
	-webkit-border-top-right-radius: 0pt;	
	-webkit-border-top-left-radius: 0pt;	
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
}
.copyright {
	text-align: center;
}


/*-------- Footer [END] --------*/
div.caption-container {
	color: #eee;
}

div.navigation a.prev {
	background-image: url({img_dir}/{lang_left}PageArrowWhite.gif);
}
div.navigation a.next {
	background-image: url({img_dir}/{lang_right}PageArrowWhite.gif);
}

ul.thumbs li.selected a.thumb {
	background: #fff;
}
div#container {
	overflow: hidden;
}
div.content {
	display: none;
	clear: both;
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: {lang_left};
}
div.nav-controls {
	float: {lang_right};
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 592px;
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 592px;
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: {lang_left};
	height: 892px;
}

div.loader {
	background-image: url({img_dir}/loaderWhite.gif);
	position: absolute;
	top: 0;
	{lang_left}: 0;
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 30px;
	{lang_left}: 0;
}
div.slideshow a.advance-link {
	display: block;

	text-align: center;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	-webkit-border-radius: 4pt;	
	-moz-border-radius:4px;	
	border:1px solid #AAB5BB;
}
div.caption-container {
	float: {lang_right};
	position: relative;
	margin-top: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	{lang_left}: 0;
}

div.caption-container, span.image-caption {
	width: 334px;
}

div.caption {
	padding: 0 12px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	{lang_left}: 0;
	padding: 0 12px;
	color: #888;
}
div.navigation-container {
	float: {lang_left};
	position: relative;
	{lang_left}: 50%;
}
div.navigation {
	float: {lang_left};
	position: relative;
	{lang_left}: -50%;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: {lang_left};
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	height: 77px;
	line-height: 77px;
}
a{
	outline: none;	
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: {lang_left};
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: {lang_left};
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	{lang_left}: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: {lang_left};
	margin-{lang_right}: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
	background-color: #111;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}

</style>

	</head>
	<body>
		<div id="page">
			<div id="container">
				<!-- Start Advanced Gallery Html Containers -->				
				<div class="navigation-container">
					<div id="thumbs" class="navigation">
						<a class="pageLink prev" style="visibility: hidden;" href="#" title="{phrase_prev_page}"></a>
						<ul class="thumbs noscript">
<!-- START BLOCK : photoinfo -->
        <li>
            <a class="thumb" name="optionalCustomIdentifier" href="{pic}" title="{caption}">
                <img src="{thump}" alt="{caption}" />
            </a>
 								<div class="caption">
									<div class="image-title">{caption}</div>
									<div class="image-desc"> {caption}</div>
									<div class="download">
										<a href="{pic}">{phrase_download_original}</a>
									</div>
								</div>
	</li>
<!-- END BLOCK : photoinfo -->
						</ul>
						<a class="pageLink next" style="visibility: hidden;" href="#" title="{phrase_next_page}"></a>
					</div>
				</div>
				<div class="content">
					<div class="slideshow-container">
						<div id="controls" class="controls"></div>
						<div id="loading" class="loader"></div>
						<div id="slideshow" class="slideshow"></div>
					</div>
					<div id="caption" class="caption-container">
						<div class="photo-index"></div>
					</div>
				</div>
				<!-- End Gallery Html Containers -->
				<div style="clear: both;"></div>
			</div>
		</div>
		<!-- INCLUDE BLOCK : footer -->
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				// We only want these styles applied when javascript is enabled
				$('div.content').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li, div.navigation a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 10,
					preloadAhead:              5,
					enableTopPager:            false,
					enableBottomPager:         true,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              '{phrase_play} {phrase_slide_show}',
					pauseLinkText:             '{phrase_pause} {phrase_slide_show}',
					prevLinkText:              '&lsaquo; {phrase_prev_photo}',
					nextLinkText:              '{phrase_next_photo} &rsaquo;',
					nextPageLinkText:          '{phrase_next_page} &rsaquo;',
					prevPageLinkText:          '&lsaquo; {phrase_prev_page}',
					enableHistory:             true,
					autoStart:                 true,
					syncTransitions:           true,
					defaultTransitionDuration: 900,
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);

						// Update the photo index display
						this.$captionContainer.find('div.photo-index')
							.html('Photo '+ (nextIndex+1) +' of '+ this.data.length);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
						var nextPageLink = this.find('a.next').css('visibility', 'hidden');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('visibility', 'visible');

						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('visibility', 'visible');

						this.fadeTo('fast', 1.0);
					}
				});

				/**************** Event handlers for custom next / prev page links **********************/

				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});

				gallery.find('a.next').click(function(e) {
					gallery.nextPage();
					e.preventDefault();
				});

				/****************************************************************************************/

				/**** Functions to support integration of galleriffic with the jquery.history plugin ****/

				// PageLoad function
				// This function is called when:
				// 1. after calling $.historyInit();
				// 2. after calling $.historyLoad();
				// 3. after pushing "Go Back" button of a browser
				function pageload(hash) {
					// alert("pageload: " + hash);
					// hash doesn't contain the first # character.
					if(hash) {
						$.galleriffic.gotoImage(hash);
					} else {
						gallery.gotoIndex(0);
					}
				}

				// Initialize history plugin.
				// The callback is called at once by present location.hash. 
				$.historyInit(pageload, "advanced.html");

				// set onlick event for buttons using the jQuery 1.3 live method
				$("a[rel='history']").live('click', function() {
					if (e.button != 0) return true;

					var hash = this.href;
					hash = hash.replace(/^.*#/, '');

					// moves to a new page. 
					// pageload is called at once. 
					// hash don't contain "#", "?"
					$.historyLoad(hash);

					return false;
				});

				/****************************************************************************************/
			});
		</script>
	</body>
</html>

كل الود

جبل الألب · #6 05-07-2011, 10:39 PM

أخي EXOXE
الف شكر لك على الخدمة
للاسف قمت نسخ المحتوى غيرت بالملف مثل ما قلت ولكن المشكلة لازالت موجودة
ماذا افعل
تحياتي لك

EXOXE · #7 05-07-2011, 10:56 PM

حبيبي

حط لي بياناتك هنا

http://www.ghamdi.com.sa/index.php?a...cre ateticket

وإن شاء الله تنحل المشكله

جبل الألب · #8 05-07-2011, 11:06 PM

أخي EXOXE
لقد ارسلت لك بيانات FTP
الف شكر لك يا غالي