Graphic Motion Video Art, Website, IT Network, Culture

Loading...
Joomla Image Lightbox Evolution to All Images Joomla
After successfully implementing the image lightbox evolution into the blog content, then I have though how to apply it to the joomla website. As you probably know a lot of extensions that provide convenience to you in making the image lightbox effect, but I think none more impressive than the lightbox evolution. Therefore, it is dedicated to you who use joomla to build your website as your choice, I will describe the implementation of image lightbox evolution to the joomla website automatically to all images of the joomla content.

Here I use the analogy of a blog in the applying the image lightbox evolution. This method is not going through the database but directly to the joomla templates system that has been used. For those of you who want to have the impressive image lightbox  effects, I will explain all to you as the results of my experiment in implementing image lightbox evolution into a Joomla website.

Suppose you have a lot of images in the content of your joomla website, and you want to make lightbox evolution effect to all images that lies to the content of your joomla. What I have pointed out before is inserting class=lightbox on each image tag. But right now we do it in a different way with a lightbox evolution effect that is very elegant if you apply it to your joomla website. Ok! Let's get started!

The things that you only need to do is inserting the scripts lightbox evolution into the index.php of the template that you use now. You can find the file of index.php of the template directly to the source of directory of your joomla website, or you can go through your joomla backend (administrator panel). You simply type on your browser : http://yourwebsite.com/administrator. If your joomla still in local server of your computer, just type : localhost/websitename/administrator. Let's see the picture below!


On the main menu of your joomla backend, select Extensions>Template Manager. Then you will find the Template Manager: Styles. In the column template please select the template that you are using in active now as I marked in red on the picture below!


You will be in customize template, and then you click on the Edit main page template, as I marked in red as shown like the left picture below! and next you will find index.php template as the purpose of this step, the place where we will insert the scripts code to make lightbox evolution to all images to the joomla content. Please have a look at first the script from the index.php of template, as the right picture below!


 
1. Inserting jquery.min.js to the index.php template, actually all the scripts code that will inserted must be put on the head of the template index.php.

<script src='http://agratitudesign-template.googlecode.com/svn/branches/lightbox/jquery.min.js'></script>

To make it safer, so that the link jquery.min.js can be working on your joomla, put the above script link at the beginning of the head. Make sure also that there is only one link javascript library master (jquery.min.js) that you use, to avoid the possibility of the problem that could be the cause of the lightbox evolution doesn't work. For more details let's see the picture below!

3. Press Ctrl+F on your browser, and type </head>, put the following scripts before the head of the index.php ends.

<script src='http://agratitudesign-template.googlecode.com/svn/branches/lightbox/jquery.lightbox.min.js'></script>
<link href='https://agratitudesign-template.googlecode.com/svn/branches/lightbox/themes/brown-gold/jquery.lightbox.css' rel='stylesheet' type='text/css'>
<!--[if lte IE 7]><link rel="stylesheet" href="https://agratitudesign-template.googlecode.com/svn/branches/lightbox/themes/brown-gold/jquery.lightbox.ie6.css" media="screen" /><![endif]-->
<script src="http://agratitudesign-template.googlecode.com/svn/branches/lightbox/jquery.lightbox.js"></script>


4. Initialize the lightbox to your joomla template and automatically add the class=lightbox to all images of the content joomla, following the script that you need to put next:

<script type="text/javascript">
    jQuery(document).ready(function(){
      jQuery('.lightbox').lightbox();
    });
</script>
 
<script type="text/javascript">
 jQuery(document).ready(function($){
    $('.lightbox').lightbox();
    $('a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').addClass("lightbox");
 });
</script>

The placement of the scripts above in its implementation to the index.php template as shown like the picture below!


Once you save all the changes or additions of the scripts on the index.php your joomla template. Then if you've done it as right, it would be the all of images content of your joomla website will use lightbox wvolution effect that make your joomla website more impressive to show every image in full view. If there are less obvious, let's see the aricle video above!

Share This Article :
Related Articles

56 comments :

  1. I think you are the great blogger.What a great article have you written.I really enjoyed reading your post.This info is really very useful to all.
    Thanks.... Keep Posting!!

    Web Design Companies Bangalore | Web Design Bangalore

    ReplyDelete
  2. Thanks for sharing the useful Article,..Am got the great message on your article..keep sharing..

    Web Design Services Bangalore | Web Development Services Bangalore

    ReplyDelete
  3. Nice article thanks for sharing i taught more information related to joomala,keep sharing more tutorial in future thanks for sharing...
    Website Development Company Bangalore | Website Design Company Bangalore

    ReplyDelete
  4. I want the scripts, you cant force us to depend on the availability of your web site scripts. We need the scripts to put directly.

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. Сomputer plays a big role in our lives. New technologies make our lives better and easier. There is one site that I use a lot of time there for you to buy essays online. https://elitewritings.com/buy-essays.html.Good luck.

    ReplyDelete
  8. Find The Perfect Escorts service in ajmer with independent call girls in ajmer. we provide best escorts girls in ajmer.

    Visit Website

    ReplyDelete
  9. This comment has been removed by the author.

    ReplyDelete
  10. My Name Is Priya Singh. I Run My Own Escorts Service. Check Out Our Prostitute Near Me Number To Book An Escort Girls In Low Rate. Our Service Charge Is Low And Service Is Super. Being Professional we Have Seven Years’ Experience. So We Understand And Feel The Real Needs And Requirement Of Our Each Client. According to your Convenience You Can Avail Our VIP Escort Service At Your Home Or In Hotel Also. To Book Our VIP Escorts Service Call +91 9987215552.
    Visit -http://www.escortagencyinmumbai.com/prostitutes-near-me-number/
    Visit The Links Below And Have A Look At My Various Mumbai Escort Services-
    http://www.escortagencyinmumbai.com/
    http://www.escortagencyinmumbai.com/prostitutes-near-me-number/
    http://www.escortagencyinmumbai.com/andheri-escorts/
    http://www.escortagencyinmumbai.com/juhu-escorts/
    http://www.escortagencyinmumbai.com/mumbai-call-girls/
    http://www.escortagencyinmumbai.com/mumbai-escorts-in-vile-parle/
    http://www.escortagencyinmumbai.com/bandra-escorts/
    http://www.escortagencyinmumbai.com/mumbai-escorts-in-khar/
    http://www.escortagencyinmumbai.com/mumbai-escorts-in-borivali/

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. Hello! If you see that writing papers takes a lot of your time than it's better to apply to the essay empire There you can find a lot of useful information about writing papers rightly!

    ReplyDelete
  13. Hello there! Guys I want to share with you quite important information, which will be useful for everyone and especially for some guys who now are in the search of work because it is quite important for such people to write a good resume, and now they can easily cope with that task just only using the help of resume examples service

    ReplyDelete
  14. Desire to spend your best erotic time and like to have exciting sexual experience with call girls in Mumbai providing girlfriend like experience. Just call Mumbai escorts service and forget all your failures in life and frustation. From now your best time starts which will be also be a life time experience for you.
    Independent Call Girls in Mumbai | Mumbai Escorts Service | Escorts Service in Mumbai | Hot Call girls in Mumbai | Mumbai Escorts | Independent Escorts in Mumbai | Mumbai Call Girls Service | Affordable Mumbai Call Girls | Mumbai Call Girls Service | VIP Call Girls in Mumbai

    ReplyDelete
  15. Hello guys, I am Tiya4u From surat, I am Independent model as surat escorts service,Best gallery model in Surat.
    http://tiya4u.com/

    ReplyDelete
  16. If you love to spend time with hot and erotic call girls in surat, we provide best female escorts in surat, call surat escorts and make your night special and memorable. you can enjoy every curves of her body.
    We also provide independent escorts in surat. Our client call escorts girl independently through her whatsapp contact and by call her. You can take her in anywhere as you want. If you interested in escorts in surat then check our site.
    http://deiva.biz/surat-call-girls.html
    Escorts in surat | Surat escorts | Surat escorts service | female escorts in surat | call girls in surat | Escorts service in surat | beautiful escorts in surat | model escorts in surat | sexy escorts in surat |Vip escort in surat

    ReplyDelete
  17. Surat escorts is one of the most excellent escort benefit supplier in surat . here you get horny young ladies at cheap prizes , contributing moo budget . these young ladies are well esperienced , they will fulfill you completely. Our surat escort is an autonomous escort in surat.

    Surat escorts, Independent Surat escorts service, cheap escorts service Surat, exchange link Surat escorts, online service Surat escorts, personal mobile number Surat escorts, real photo Surat escorts

    #SuratEscorts
    #SuratEscortsService
    #SuratEscortsGirls
    #IndependentEscortInSurat
    #SuratEscortsAgency
    #Escort InSurat
    #femaleEscortInSurat
    #CallGirlsInSurat

    ReplyDelete
  18. Independent Escorts Surat provide most excellent service in Surat. In Surat all girls are full trained and well dressed. They fulfill your wild fantasy on bed. Our escorts agency provide model escorts in Surat.

    Surat Escorts || independent escorts Surat || call girls in Surat || online service in Surat || VIP escorts service in Surat || Model escorts in Surat

    #SuratEscorts
    Suratescortsservice
    #independentescortsinSurat
    #callgirlinsurat
    #femaleescortserviceinSurat
    #Suratescortagency

    ReplyDelete
  19. Are you finding diverse strategies to fulfill your body needs? At that point Surat Escorts is your craved put here you'll discover a few awful chick who will allow you a fulfilling sexual hint. Surat escorts are not as it were great at sexual intimation but moreover have the charm to form each men tempted.
    #callgirlsindeesa
    #escortsindehgam
    #independentescortsindhandhuka
    #beautifulescortsindhanera
    #sexyescortsindharampur
    #dhariescortsservice
    #Dholkaescorts
    #escortsindhoraji

    ReplyDelete
  20. Bangalore Escorts provides escort call girls by the Bed Pari escort agency. We have selected the best high profile call girls in Bangalore.
    Bangalore escorts
    Bangalore escorts
    Bangalore Escorts
    Escorts Bangalore
    VIP Escorts Bangalore
    Bangalore Escorts

    ReplyDelete
  21. Bangalore escorts, A magnificent choice for top Nikitha independent Bangalore escorts service. I am here to give you the finest independent escorts in Bangalore.

    High Class Girls Bangalore Escorts
    Curvy Escorts
    Bangalore Escorts
    Independent Call Girls
    Escort Girl in Bangalore
    Independent Model Escorts
    Best Escorts Agency
    VIP Bangalore Escorts

    ReplyDelete
  22. Get the best Bangalore Escorts & sexy call girls at Deepika Rai, the best escorts service provider in Bangalore, contact us to get erotic massage service, sex service. Get your dream girl today.

    Bangalore Escorts
    Independent Bangalore Escorts
    Escorts Service in Bangalore
    Bangalore escorts services
    Bangalore Escorts

    ReplyDelete
  23. there on your place for satisfy you and do anything on your demand. I am very sexy hottest babes in future come on city for your business purpose or for the vacation then you don’t be alone in a city you can call me and fix a meeting with me to have the fun as you required. Rich men want luxury service you appoint with my escort service you meet me in hotel. I am surely telling you that you will get an extra ordinary experience with me. My escort girl meets in star hotels or hotels. If you are alone in hotels and want enjoyment then I am here to drive you crazy.
    http://alohi.in/gujarat/daman-escorts.html

    ReplyDelete
  24. there on your place for satisfy you and do anything on your demand. I am very sexy hottest babes In future come on city for your business purpose or for the vacation then you don’t be alone in a city you can call me and fix a meeting with me to have the fun as you required. Rich men want luxury service you appoint with my escort service you meet me in hotel. I am surely telling you that you will get an extra ordinary experience with me. My escort girl meets in star hotels or hotels. If you are alone in hotels and want enjoyment then I am here to drive you crazy.
    http://alohi.in/gujarat/daman-escorts.html

    ReplyDelete
  25. Surat female beauty maintain high class we spent a lote for this standard for you because you like the hike for best night with us. You get all these because we all are independent for this .
    http://www.suratescortagency.com/

    ReplyDelete
  26. Surat Escorts Agency ( Deiva Sain )
    Deiva Sain tells you about her because if I am engaged with this profession then I have a need for a good look, better fitness because due to that male person looks these all perfection in a good female escort and you believe me that I can give you these all perfection. you believe that you will get full pleasure.
    Surat Escorts
    Housewife Escorts in Surat

    ReplyDelete
  27. Spend your time with Kolkata Escorts Service and in our Independent Call Girls Model +917595811660 Female Escort Services
    https://www.ankitatiwari.in

    ReplyDelete
  28. I am Eliza Taylor – a VIP escorts in City well experienced independent City escort. You only need to follow some simple steps and hire call girls in City easily. The best thing about City escorts is freedom of choice. Escort service in City is meant to urge your life more beautiful and interesting. I offer only the best companionship call girl in City to an educated, clean, generous gentleman in escort in City. Being high-class City Celebrity escort service and I will make you feel like a really proud gentleman so that you can enjoy intimacy without any risk. Escort services in City are available 24/7 for our clients. We have a large choice of female escorts in City to cater escort services to our clients. Hiring City call girls from our agency will offer you the true advantage of getting the ultimate fun and pleasure of sex and love. Airhostess Escort service City has numerous measurements for numerous men and girls.
    agonda beach escort
    baga beach escort
    mapusa escort
    tiswadi escort
    valpoi escort
    colva escort
    fatorpa escort
    ponda escort

    ReplyDelete
  29. Hello Friends! I am Harpreet Kaur is an Mohali Escorts with high profile Mohali Independent Escorts here for your entertainment and fulfill your desires in Mohali call girls best service
    Mohali Escorts ||
    Mohali Escort ||

    ReplyDelete
  30. Hey, Friends Dipika from Mumbai I am a call girl in Mumbai. if you take my erotic service in Mumbai So contact me and enjoy with me at your home so visit my site and take more fun. Our Escort Provide the beautiful and sexy escort girl service in Mumbai. I have an incomprehensibly appealing dull eye. I am 5 feet and 5 inches and weight is 49kg. I show up energizing as I have a high-quality statue inside the Indian circumstance. My twist chooses 36D-28-34. And I am looking unfathomably sizzling and hot. My twist is genuinely watchable and engaging. I am sparkling wrapped up and be recognizable with all the etiquettes of life from a single of the foremost extraordinary Escorts in Mumbai. I can turn out to be your visit relate within the occasion that you just incorporate any course of action to encourage travel in India or me to be able to pivot out to be your excursion travel companion if you've got tenacious an astounding put in India. we are giving the leading escort young lady administrations in Mumbai. on the off chance that you take sexual and young people to call young ladies in Mumbai escorts Organization so Contact me on Our Proficient Site, in the event that you're interested so visit our location and get more data Approximately Our lovely provocative Call Girl Service in Mumbai.

    ReplyDelete
  31. Vaddoara Escorts ( Sapna pari )
    if you look for a young female in Vadodara as your partner for the travel compation that I am good for you because I am so frank to communicate with new personality make to good and profitable for you as well as your business.
    Check the link for more information:-
    Vadodara Escorts
    Vadodara Escorts Service
    Vadodara Escorts Gallery

    ReplyDelete
  32. this city is very good city in the India here you can meet ramp model, VIP escort, High-profile, beauty call girls, sexy tv actress and Russian escort in Ahmedabad available always for the genuine guys.
    ahmedabad escorts
    vadodara escorts
    rajkot escorts
    mount abu escorts
    surat escorts

    ReplyDelete
  33. http://www.hiprofileescortahmedabad.com/

    ReplyDelete
  34. Tamil Nadu Escorts
    With a curvy figure, white thigh, and exotic appearance, they will put you on cloud nine in the bedroom. Your boredom and leisure time will be filled with erotic moments you have been looking for throughout your life. There will be a complete transformation of your evening or night with fun and delight. That is what our gorgeous Surat escorts can do for you in a meeting. The experience of meeting with our hot girls will be second to none.
    visit the site for more information:-
    Virudunagar Escorts
    Chennai Escorts


    Nagercoil Escorts
    Ootyy Escorts

    ReplyDelete
  35. Best Escorts Service in Vadodara ( Sapna pari )
    As well, incall and escort are open. Call me, love! Vadodara Girls are incredibly hot and enthusiastic.
    Visit the site for more information:-
    Vadodara Escorts

    ReplyDelete
    Replies
    1. We provide escort services in all over india. These girls are sexy and modern. All girls are sexy and modern. These girls are sexy and modern. Enjoy escort services with hot girls.

      Guntur escorts
      Kakinada escorts
      Hyderabad escorts
      krishna escorts

      Delete
  36. Thanks for Sharing information this information is very helpful and useful for me and other persons. I like your work. when you feel free to check my webpage. gift card boxes deluxeboxes.com

    ReplyDelete
  37. We provide escort services with hot girls. All girls are sexy and modern. They provide escort services with hot girls. They are professional and experience. Escort girls are sexy and modern.

    https://sapnokipari.com/madhya-pradesh/bhopal-call-service-agency.html

    ReplyDelete
  38. Farrukhabad Escorts

    So we always provide our most beautiful and professional girls to all our 5-star hotel clients, so that all our clients can happily use our girls’ services, and forget about their tiredness and troubles with Farrukhabad Escorts.
    Visit the site for more information:-
    Farrukhabad Escorts

    ReplyDelete
  39. Bhuj Escorts Service
    With Bhuj Escorts, I will deliver toys and my spot on capacities in impeccable pleasure. Their high creative power ensures that a wide scope of bliss finds their heading.
    Visit our website for more information:-
    Surat Escorts
    Surat Escorts Service

    ReplyDelete
  40. Mumbai escorts are the sexiest, most attractive and have the ability to please their customers. Mumbai is a fascinating place in the world and this city is at the forefront. They are hired for company, fun, enjoyment and satisfaction, however, you can also hire them for special occasions, the best escorts in Mumbai to give you a pleasant experience in your boring life in your apartment or hotel. for. can be rented. Might make it interesting. Always happy with my model escorts in Mumbai. Due to paucity of quality services, many people in Mumbai have not been able to turn their normal night into the happiest night of independent escorts, you will find a girl who will make you feel special. Our beautiful and attractive girls are known for their wide range of services and support.

    andheri-escorts || bandra-escorts || vile-parle-escorts || belapur-escorts || borivali-escorts || chembur-escorts || churchgate-escorts || cumbala-hill -escorts || girgaon-escorts

    ReplyDelete
  41. Have you been struggling due to the arrival of technical hurdles on your Cash App account? In such a case, you have to first determine the reasons why you are facing these problems. After that, you will have to apply for the appropriate tactics to get perfect solutions. Also, for more information, take Cash App Customer Service right now! https://www.monktech.us/cash-app-customer-service-phone-number.html

    ReplyDelete
  42. Should I Take Robinhood Customer Service If Facing Errors With Your Account?
    Robinhood Customer Service is one of the best troubleshooting support providers with numerous benefits. However, you don’t need to take stress if you are suffering from any kind of problems with your Robinhood account. In such a case, you have to opt for Robinhood Customer Service and find out a suitable solution.

    ReplyDelete
  43. Ask instant queries from the Robinhood support team
    Are you encountering glitches in the Robinhood account? Don’t have many ideas to use this as you’re a new user of Robinhood. Don’t be stressed out, just avail the Robinhood Support service that is the best way to curb the technical issues. For answers to the queries, feel free to dial the support number.

    ReplyDelete
  44. Sagar escorts Service
    Sagar escorts are most popular especially alternative escorts within the northern a part of India because the charm in lying with them on the bed feels out of the globe.
    Visit our website for more information;-
    Sagar Escorts
    Visit our other escorts agencies in Surat.
    Surat Escorts
    Surat Escorts Service

    ReplyDelete
  45. Teena patel, 22, is a gorgeous girl who any man would be blessed to have in his life. She has an enticing attractiveness and a charm that can make any man weak at the knees; meeting her and hearing her chime teasing voices instantly brightens your day. When you first meet her, you will sense a sizzle in your body.

    https://www.streetgirls69.in/madhya-pradesh/gwalior-call-service-agency.html

    ReplyDelete

  46. I am a sophisticated yet alluring university student bringing you a sophisticated yet enticing pleasure and fun experience. By talking nasty, I can appeal to your senses. Imagine sliding your hands down my velvety skin, and that's not all I have to offer. I've got the curves that might kill you. I have the power of enchantment in my hands, and I know how to tease, please, and amuse.




    https://www.isha-patel.com/

    ReplyDelete
  47. Scopri il Toyota RAV4, il SUV versatile e robusto che unisce comfort e performance. Con design accattivante, tecnologia all'avanguardia e ampio spazio interno, è ideale per ogni avventura. Non perdere l'opportunità di guidare il meglio. Visita karkar.it e acquista il tuo RAV4 oggi stesso!

    ReplyDelete

Back to Top