Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
One of the things that is on a lot of the discussion broads inside of the Moodle community is how do you actually post and create a photo gallery of images. In one of the previous movies we showed how to use Photoshop to create a web photo gallery for us in order to get Photoshop to just compress all of those images for us. Now the Web Photo Gallery itself that it exported is a very useful thing. It's a web site that we can go ahead and we can link to and we can work with all the files that are inside of it. So in his movie we'll go ahead and link directly to that web photo gallery.
So if we scroll down to our 2 February - 8 February week and we click the drop down menu for Add a resource, we can link to a file or a web site. We can then go up and give it a Name and we'll just say Image Gallery and we can give it a description, Image Gallery of Coral Reef Organisms. Go ahead and scroll one down and now we can choose a file to upload. I'm going to go ahead and click on that. This time we'll click on our Images folder and we'll click inside of the ImageGallery folder that we unzipped in the previous exercise. What we want to do is we want to select the file that's the Index.htm file and come over to the right hand side and simply the Choose link. Scroll on down to the bottom and click Save and return to course.
Now we can scroll down and click on the link for our image gallery in the 2nd week block. The whole page refreshes. We have our image gallery, we're able to navigate around inside of this image gallery and all the images are showing up in here properly. All the navigation works. Now one thing to note is that we've now left the Moodle site essentially because we're inside of this sub web site so let's go ahead and use the Back button and continue go back and until we are back inside of our course and let's go ahead and edit the Image Gallery link.
So click the little hand icon with the pencil, the update link and we'll scroll one down to the block that says Window and we want to click the dropdown menu here and select New Window. Let's show advanced options for this so we can scroll down a little bit more. Here it's going to open up the new window and it's going to set its pixel dimensions to be 620 X 450. Well that's a little bit small. So we'll go ahead and resize that to 1024 X 768. Go ahead and scroll down to the bottom now, Save and return to course.
If we scroll down and click on he link a second time, we can see that a new window has opened up, our photo gallery is still here we can click through and work with all of the images and our students are able to get the information that you're trying to send to them and the Moodle site is still open in the background. So I'll go ahead and close that. So again the way that we made this image gallery was using Photoshop 5.5 through CS3 under the File > Automate > Web Photo Gallery option and step through the process of building that image gallery. A lot of other image programs will build similar types of image galleries for you automatically and you just want to zip that file up, upload it up to your Moodle server, uncompress it and then point to the Index or the Home page that was created for you for that image gallery and make sure you just target a new window rather than the same window and you'll be good to go with having an embedded image galley inside of your Moodle site.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 90608 Viewers
80 Video lessons · 137952 Viewers
59 Video lessons · 56711 Viewers
52 Video lessons · 70317 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.