Scripting HelpersARCHIVE
A little piece of Roblox history. Preserved for everyone, one question at a time.Read about the archive →
All questions/Question #74047
✓ ANSWER ACCEPTED

How do you create an automatic image slideshow?

Asked 2,464 views1 answers

Hello,

Recently, I have been working on a system which displays background images on my game: https://www.roblox.com/games/225780602/The-Arc

I wanted to create a system that changed between multiple pictures in a loop.

With this in mind, I created a gui: https://cdn.discordapp.com/attachments/356675974928007168/531941278330650634/unknown.png

I then added the script, with a few trial images:

local back1 = script.Parent
local back2 = script.Parent.Parent:FindFirstChild("Background2")
images = {2721116470, 2673015024, 1417408619, 1417402706}

local one = 1
local two = 2
back1.Image = (images[one])
back2.Image = (images[two])

local function change1()
	local succ,err = pcall(function()
		if one > #images then
			one = 1
		else
			back1.Image = "http://www.roblox.com/asset/?id=" .. (images[one])
		end
	end)
	if err then
		change1()
	end
end

local function change2()
	local succ2,err2 = pcall(function()
		if two > #images then
			two = 2
		else
			back2.Image = "http://www.roblox.com/asset/?id=" .. (images[two])
		end
	end)
	if err2 then
		change2()
	end
end

while true do
	print("image 1 live")
	wait(5)
	for i= 1,10,1 do
		back1.ImageTransparency = back1.ImageTransparency + 0.1
		back2.ImageTransparency = back2.ImageTransparency - 0.1
		wait(0.1)
	end
	print("image 2 live")
	local one = one + 2
	local two = two + 2
	change1()
	wait(5)
	for i= 1,10,1 do
		back1.ImageTransparency = back1.ImageTransparency - 0.1
		back2.ImageTransparency = back2.ImageTransparency + 0.1
		wait(0.1)
	end
	local one = one + 2
	local two = two + 2
	change2()
end

Even with trying to use a pcall to fix it. The trial images I selected won't appear correctly. Please play the game to see for yourself.

It would be much appreciated if you could share any suggestions you have to this problem.

AnonymousEdited

3 comments

0

Edit:- please use text for links

Anonymous#
1

why are you using a server script in a GUI

Anonymous#
0

Good point. I will make it a local script. But it hasn't affected the problem though.

Anonymous#

1 answer

✓ Accepted answer

Some of your image ids are incorrect. I first copy the id and put it into an image label, Studio will then format and get the correct image id for you. It saves a lot of time for me.

You can then remove the pcalls in the code. Loading a bad image will not stop the code from running.

You can also simplify your code a lot by only using one counter and swapping variables around making the visible image label fade out the next loop.

I would aslo recommend that you use the tween service as you can create a tween of both image labels and run them at the same time giving you the fade in/out effect you want.

Example(As EXpodo1234ALT said you should be using alocal script for client side gui things):-

local idList = {
	"2721116470", "2673015010", "1417408615", "1417402635"
}

local tweenServ = game:GetService("TweenService")

local imageLabel1 = script.Parent.ImageLabel1
local imageLabel2 = script.Parent.ImageLabel2

-- tween infromation
local fadeOut = {ImageTransparency  = 1}
local fadeIn = {ImageTransparency = 0}
local tweenInfo = TweenInfo.new(4) 

local nextId = 1

local function nextIndex() -- manage counter function
	nextId = nextId + 1
	if nextId > #idList then
		nextId = 1
	end
end

local function mkTween(imageLabel, tbl)
	return tweenServ:Create(imageLabel, tweenInfo, tbl)
end

while true do
	nextIndex() -- inc counter
	
	imageLabel2.Image = "rbxassetid://" .. idList[nextId]
	
	local tween1, tween2 = mkTween(imageLabel1, fadeOut), mkTween(imageLabel2, fadeIn)
	tween1:Play()
	tween2:Play()
	
	tween2.Completed:Wait()
	
	wait(5)
	
	-- spaw variable around for next run
	local tmp = imageLabel1
	imageLabel1 = imageLabel2
	imageLabel2 = tmp
end

I have also uploaded the model here.

Hope this help, comment if you would like me to explain more about the tween service.

AnonymousPermalink

4 comments

0

Works great. Thanks

Anonymous#
0

Do you know a tutorial that teaches the basics of the Tween service?

Anonymous#
0

Nope sorry. The function Create takes 3 arguments, the instance being tweened, the TweenInfo.new which contains how the tween should be done and a table of that setting are being tweened with the end goal.

Anonymous#
0

Okay. Thanks

Anonymous#

This discussion is preserved as it was. New answers, comments, and votes are closed.