java - How to make an image slideshow with JSF? -

-

is possible? if answer no, other ideas?

the list of pictures dynamic, depends on user you're viewing. how can make slideshow images user uploaded?

now it's working way: single picture displayed , need close open next one.

<rich:datagrid  id="albumgrid" value="#{somebean.pictures}" var="item" columns="4" elements="4" width="450px" rendered="#{not empty somebean.pictures}" style="margin-left:20px;">                  <a4j:commandlink id="fulllinkprofile">                     <a4j:actionparam name="pic" value="#{item.path}" assignto="#{picsbean.path}" />                     <h:graphicimage value="/home/pictures/user/#{item.path}" rendered="#{item.path != null}"/>                 </a4j:commandlink>                 <f:facet name="footer">                     <rich:datascroller for="albumgrid" boundarycontrols="hide" stepcontrols="show"  fastcontrols="hide" >                                            </rich:datascroller>                 </f:facet>                </rich:datagrid>

use javascript slideshow function , pass bean value argument has comma(,) seperated values of image paths.

using jquery give best effects.

also check this.

use following function create html code passing bean value , integrate of jquery plugin.

function loadimage(imgpaths) {     var images = imgpaths;     var imgarr=images.split(",");     var ulobj=document.getelementbyid("parentdiv");     var i;     var len =imagepath_array.length-1;     for(i=0;i<len;i++)     {         var imgobj=document.createelement("img");         var liobj=document.createelement("li");         imgobj.src=imgarr[i];         liobj.appendchild(imgobj);         ulobj.appendchild(liobj);     } }

Comments

Post a Comment

Popular posts from this blog

Javascript line number mapping -

-
magically formatted comments change reported line number of javascript errors in browsers; this: //@line n "f" n line number , f file name. unfortunately, //@line appears ungoogleable. know there documentation on feature, , browsers support it? (i found references here , here .) from can find available in mozilla based browsers. it using js_setoptions command can turn these options on or off depending on values passed. https://developer.mozilla.org/en/js_setoptions
Read more

c# - Is it possible to remove an existing registration from Autofac container builder? -

-
something along lines: builder.registertype<mytype>().as<itype>(); builder.registertype<mytype2>().as<itype>(); builder.deregistertype<mytype>().as<itype>() var container = builder.build(); var types = container.resolve<ienumerable<itype>>(); assert.istrue(types.count == 1); assert.istrue(types[0].gettype == typeof(mytype2)); scenario: go through bunch of assemblies , go register types want make sure have 1 implementation of given type. need before create container. track on own nice if autofac me bit. this cannot done directly using containerbuilder , unless start on new one. mind you, having first built container should able construct new container filtering away unwanted types , reusing registrations first container. this: ... var container = builder.build(); builder = new containerbuilder(); var components = container.componentregistry.registrations .where(cr => cr.activator.limittype != typ...
Read more

php - Mysql PK and FK char(36) vs int(10) -

-
i have read mysql can handle indexes , searches better if tables keys integers rather char(36) uuid's. is worth converting int(10)? note: use 1 server , have have plans use multiple databases concurrently therefore removing 1 of big reasons using uuid. our tables innodb if makes difference. thanks in advance. usually rdbms can handle integer keys pk more efficient, other datatypes. reason how build index column, yes: long dont require string (or other typed) keys, should use integers. however: char(36) , int(10) far away being equal, because int(10) much smaller, char(36). dont know, if require many different keys, should keep in mind. update, complete last paragraph: int(10) 32-bit, char(36) 36 - ^byte^ (= 288-bit). not mean, int consumes less space, means, char(36) has 4 times more different keys.
Read more