liferay 轮播图

古城微笑少年丶 2022-05-27 07:22 156阅读 0赞

轮播图模板

#set($interval = $timeInterval__s_.Data)
    	#set($activeIndexValue = $activeIndex.Data)
    	#set ($list = [])
    	#set($Integer = 0)
    	#foreach($imageElement in $No.getSiblings())
    	    #set($url = $imageElement.getChildren().get(0).getData())
    	    #set($imgURL = $imageElement.getChildren().get(0).getChildren().get(0).getData())
    	    #set($position = $imageElement.getChildren().get(0).getChildren().get(1).getData())
    	    #set($color = $imageElement.getChildren().get(0).getChildren().get(2).getData())
    	    #set($headings = $imageElement.getChildren().get(0).getChildren().get(3).getData())
    	    #set($subheadings = $imageElement.getChildren().get(0).getChildren().get(4).getData())
    	    
    	    #set($no = $imageElement.getData())
    	    #if($imgURL != "")
    	        #set ($tmp = $list.add({"no" : $Integer.parseInt($no), "img" : $imgURL , "url" : $url, "position": $position, "color": $color, "headings": $headings, "subheadings": $subheadings}))
    	    #end
    	#end
    
    	#if ($list.size() == 1)
    	    #foreach ($fff in $sortTool.sort($list, 'no:asc'))
    	        #if(!$fff.url.contains('http'))
    	            <div class="slider-item">
    	                <a href="@layout_set_friendly_url@$fff.url">
                       		<img class = "slider-img" src ="$fff.img">
                        	#if($fff.position == "right")
    	                    <span class= "slider-text" style = "left:60%;">
    	                    #else
    	                    <span class= "slider-text" style = "left:10%;">
    	                    #end
    	                        <span class="slider-heading" style="color: $fff.color;"> $fff.headings</span></br>
    	                        <span class="slider-sub-heading" style="color: $fff.color;"> $fff.subheadings</span>
    	                    </span>   
    	                </a>
    	            </div>
    	        #else
    	            <div class="slider-item">
    	                <a href="$fff.url" target="_blank">
                       		<img class = "slider-img" src ="$fff.img">
                        	#if($fff.position == "right")
    	                    <span class= "slider-text" style = "left:60%;">
    	                    #else
    	                    <span class= "slider-text" style = "left:10%;">
    	                    #end
    	                        <span class="slider-heading" style="color: $fff.color;"> $fff.headings</span></br>
    	                        <span class="slider-sub-heading" style="color: $fff.color;"> $fff.subheadings</span>
    	                    </span>   
    	                </a>
    	            </div>
    	        #end
    	    #end
    	#else
    	    <ul id="adaptive" class="slider-box">
    	         #foreach ($fff in $sortTool.sort($list, 'no:asc'))
    	            <li>
    	                <div class="slider-item">
    	                    #if(!$fff.url.contains('http'))
    	                        <a href="@layout_set_friendly_url@$fff.url">
    	                       		<img class = "slider-img" src ="$fff.img">
    	                        	#if($fff.position == "right")
    			                    <span class= "slider-text" style = "left:60%;">
    			                    #else
    			                    <span class= "slider-text" style = "left:10%;">
    			                    #end
    			                        <span class="slider-heading" style="color: $fff.color;"> $fff.headings</span></br>
    			                        <span class="slider-sub-heading" style="color: $fff.color;"> $fff.subheadings</span>
    			                    </span>   
    	                        </a>
    	                    #else
    	                        <a href="$fff.url" target="_blank">
    	                        	<img class = "slider-img" src ="$fff.img">
    	                        	#if($fff.position == "right")
    			                    <span class= "slider-text" style = "left:60%;">
    			                    #else
    			                    <span class= "slider-text" style = "left:10%;">
    			                    #end
    			                        <span class="slider-heading" style="color: $fff.color;"> $fff.headings</span></br>
    			                        <span class="slider-sub-heading" style="color: $fff.color;"> $fff.subheadings</span>
    			                    </span>   
    	                        </a>
    	                    #end
    	                            
    	                </div>
    	            </li>
    	        #end
    	    </ul>
    	    <script>
    	        $(document).ready(function() {
    	        $('#adaptive').lightSlider({
    	            auto:true,
    	            adaptiveHeight:false,
    	            item:1,
    	            slideMargin:10,
    	            loop:true,
    	            pause:4000,
    	            speed:1000,
    	            pauseOnHover:true
    	        });
    	    });
    	    </script>
    	    
    	   
    	#end

轮播图结构

轮播图模板 新版

#if (!$entries.isEmpty())
    	#set ($list = [])
    	#set ($listOne = [])
    	#set ($listTwo = [])
    	#set ($listThree = [])
    	#set ($listFour = [])
    	#foreach ($curEntry in $entries)
    		##$curEntry.getTitle($locale)
    		#set ($renderer = $curEntry.getAssetRenderer())
    		#set ($article = $renderer.getArticle())
    		<input type="hidden" value="$article.getArticleId()">
    		#set ($document = $saxReaderUtil.read($article.getContentByLocale($locale.toString())))
        	#set ($no = $document.selectSingleNode("/root/dynamic-element[@name='No']/dynamic-content"))
    		#set ($url = $document.selectSingleNode("/root/dynamic-element[@name='URL']/dynamic-content"))
    		#set ($target = $document.selectSingleNode("/root/dynamic-element[@name='URL_Target']/dynamic-content"))
    		#set( $category = $document.selectSingleNode("/root/dynamic-element[@name='Category']/dynamic-content"))
    		#set( $title = $document.selectSingleNode("/root/dynamic-element[@name='Category_Value']/dynamic-content"))
    
    		#set ($Integer = 0)
            #set ($curtitle = $article.getTitle($locale))
            #set ($curentitle = $article.getTitle('en_GB'))
            #set ($urlValue = $url.getText())
            #set ($targetValue = $target.getText())
            #set ($categoryValue = $category.getText())
            #set ($titleValue = $title.getText())
            #if( $categoryValue == "One")
            	#set( $listOneTitle = $titleValue)
            	#set ($tmp = $listOne.add({"no" : $Integer.parseInt($no.getText()), "title" :$curtitle , "url" : $urlValue , "target" :$targetValue,"entitle":$curentitle }))
            #elseif ($categoryValue == "Two")
            	#set( $listTwoTitle = $titleValue)
            	#set ($tmp = $listTwo.add({"no" : $Integer.parseInt($no.getText()), "title" :$curtitle , "url" : $urlValue , "target" :$targetValue,"entitle":$curentitle }))
            #elseif ($categoryValue == "Three")
            	#set( $listThreeTitle = $titleValue)
            	#set ($tmp = $listThree.add({"no" : $Integer.parseInt($no.getText()), "title" :$curtitle , "url" : $urlValue , "target" :$targetValue,"entitle":$curentitle }))
            #elseif ($categoryValue == "Four")
            	#set( $listFourTitle = $titleValue)
            	#set ($tmp = $listFour.add({"no" : $Integer.parseInt($no.getText()), "title" :$curtitle , "url" : $urlValue , "target" :$targetValue,"entitle":$curentitle }))
            #else 	
            #end
    	#end
    
        <div class = "highlight-links-frame">
        	#set ($finalListOne = [])
        	#set ($finalListTwo = [])
        	#set ($finalListThree = [])
        	#set ($finalListFour = [])
    		#set ($URLCurrent = "/web" +$themeDisplay.getLayout().getGroup().getFriendlyURL())
    		#set ($k = 0)
        	#foreach ($fff in $sortTool.sort($listOne, 'no:asc'))
    			#set ($aaa = $finalListOne.add($fff))
    		#end
    		#foreach ($fff in $sortTool.sort($listTwo, 'no:asc'))
    			#set ($aaa = $finalListTwo.add($fff))
    		#end
    		#foreach ($fff in $sortTool.sort($listThree, 'no:asc'))
    			#set ($aaa = $finalListThree.add($fff))
    		#end
    		#foreach ($fff in $sortTool.sort($listFour, 'no:asc'))
    			#set ($aaa = $finalListFour.add($fff))
    		#end
    
    		<div class="portlet-column span3">
    			<div class="bottomlinks-section">
    				<div class="bottomlinks-title">$listOneTitle</div>
    				#foreach ($obj in $finalListOne)
    					<div class="bottomlinks-links">
    						#if ($obj.url.contains("http"))
    							<a href="$obj.url" target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#elseif ($obj.url.length() == "0")
    							<a target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#else
    							<a href="$URLCurrent$obj.url" target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#end
    					</div>
    				#end
    			</div>
            </div>
            <div class="portlet-column span3">
    			<div class="bottomlinks-section">
    				<div class="bottomlinks-title">$listTwoTitle</div>
    				#foreach ($obj in $finalListTwo)
    					<div class="bottomlinks-links">
    						#if ($obj.url.contains("http"))
    							<a href="$obj.url" target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#elseif ($obj.url.length() == "0")
    							<a target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#else
    							<a href="$URLCurrent$obj.url" target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    						#end
    					</div>
    				#end
    			</div>
            </div>
            <div class="portlet-column span3">
    			<div class="bottomlinks-section">
    				<div class="bottomlinks-title">$listThreeTitle</div>
    				#foreach ($obj in $finalListThree)
    					<div class="bottomlinks-links">
    						#if ($obj.url.contains("http"))
    							<a href="$obj.url" target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#elseif ($obj.url.length() == "0")
    							<a target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#else
    							<a href="$URLCurrent$obj.url" target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#end
    					</div>
    				#end
    			</div>
            </div>
            <div class="portlet-column span3">
    			<div class="bottomlinks-section">
    				<div class="bottomlinks-title">$listFourTitle</div>
    				#foreach ($obj in $finalListFour)
    					<div class="bottomlinks-links">
    						#if ($obj.url.contains("http"))
    							<a href="$obj.url" target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#elseif ($obj.url.length() == "0")
    							<a target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title
    							</a>
    						#else
    							<a href="$URLCurrent$obj.url" target="$obj.target" id="assetmanager" tracename="$obj.entitle,homepage-box">
    								$obj.title 
    							</a>
    						#end
    					</div>
    				#end
    			</div>
            </div>
            <div style="clear:both"></div>
        </div>
    
    
    #end